Different Rich Text Styling in CMS

[Claire_Lee]

---

Here is my site Read-Only: LINK

I am having an issue with styling Rich Text in my cms. I’ve already set the default “all paragraphs” class to a white colour. This is shown in the footer, but in my contact page, I need to use the same cms to show the information but I need it in a darker colour, but upon adding a class to that specific rich text block, the text color does not change. I’m assuming it is because I have already set that “all paragraphs” class to white, but I’m unsure how I can apply different text colour to this specific rich text.

[AJ_Dev (from Memberstack)]

Hey @Claire_Lee ,

It’s not possible to change the style of Rich text elements when its mapped to a CMS field currently.

The workaround is add a static rich text element without mapping it to CMS and have a paragraph element inside it and setting the styling as follows.

• Give this static rich text block a custom class, for example I have set it to rich_text_custom.

• Select the paragraph element inside this element, set its Style selector as All Paragraphs and click on the ‘+’ icon as highlighted below:

• 

• Once the nest selector is selected, set the color to black / the variable that you want.

• 

• Now add the custom class created earlier to the dynamic rich text block as highlighted:

• 

You can then delete the additional rich text block created for this purpose. Setting it up like this should ensure the paragraph elements inside the rich text with the custom class is shown in the color you have set accordingly.

Hope this helps.

[memetican (Michael Wells)]

Hi Claire,

Some notes here, and watch Pixelgeek’s video-

Styling CMS-Bound Rich Text Blocks | Webflow Rich Text Block | Sygnal-U

[Claire_Lee]

Yes, this helped, thank you