Level 2

Solved

Apply css styling in content fragment

7 replies
8965 views
Translate All

I want to apply different css styling such as font-family, color etc to my content in content fragment.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

arunpatidarAccepted solution

Community Advisor

Hi Lokesh,

I didn't try it but I can give a try, though I created a components where you can include CF and if you can add one more dropdown to select style and this style can be directly used in top div or wrapper element.

https://aemlab.blogspot.com/2018/09/aem-content-fragment-with-component.html

Arun Patidar

Lokesh_Shivalingaiah

Level 10

Actually, I have a similar usecase for me and couldnt find any option !

Translate

arunpatidar

Community Advisor

You can trying this by extending existing content fragment to add style system and based on class selected you can write CSS rules for font and color etc.

Adobe Experience Manager Help | Style System

Translate

Arun Patidar

Lokesh_Shivalingaiah

Level 10

Have you tried it Arun ? As of today there is no way to create even the template for content fragments from the frontend and need to be created from backend. So just curious to know..

Translate

arunpatidar

Accepted solution

Community Advisor

Hi Lokesh,

I didn't try it but I can give a try, though I created a components where you can include CF and if you can add one more dropdown to select style and this style can be directly used in top div or wrapper element.

https://aemlab.blogspot.com/2018/09/aem-content-fragment-with-component.html

Translate

Arun Patidar

Lokesh_Shivalingaiah

Level 10

Yes! This is the approach I am using as a workaround for sometime now

Translate

smacdonald2008

Level 10

Nice discussion Lokesh and Arun.

Translate

Prarthana_Sharm

Level 2

I have similar use case where I want to change the style(color, position) of text in different variations. Is this even possible in content fragment or experience fragment?

So the requirement is where we need to update content in one place but stylize content in different variations.

Please suggest.

Translate

Sign up

Login with SSO

Login to the community

Login with SSO