Cannot Change Rich Text Opacity for Blog Posts

My p tags (the grey text in the rich text below) have an opacity of 0.6 for some reason, and I cannot change it under the “CMS Collection Pages” editor.

How do I change the opacity so that it is 1, without doing a hacky-solution like having to override the CSS (which I am currently doing?)

1 Like

Hello @fahdnsheikh

Can you share your read-only link so I can show you?

Piter :webflow_heart:

@PeterDimitrov I am having that same problem. So I understand that the problem lies with the .rich-text p but how do I get rid of it?

@Bartek - If a more specific CSS selector is affecting an element in a RTF, you can create a nested rule under your class assigned the the RTF/RTE. That would be more specific and address the issue. Optionally you could write some CSS in a style block to do the same.

See Advanced Styling - Rich Text in the Webflow University.

@webdev Thank you for answering. I tried to follow the instructions here:
https://discourse.webflow.com/t/style-rich-text/39003/9

But no matter what I do, I am unable to select a nested paragraph. Whenever I click on a paragraph inside the rich text, it selects the rich texts.

I also tried to follow the instruction from the article that you linked, but the result is the same. When I hover above a paragraph, it doesn’t work as in the video. It highlights the whole rich text block instead of its subelement / a paragraph.

Tried it on Chrome and Firefox.

OK found it. I had to disconnect the rich text field from the collection field, otherwise styling does not work. It is explained here:
https://university.webflow.com/lesson/rich-text

1 Like

Exactly! Thanks Bartek!
At the moment of writing this, the precise information on how to do it is here

I was looking for the solution to this and found it in the linked article regarding disconnecting the rich text element to style inner elements. You can also take this simpler and more direct approach which is mentioned in the article:

" Pro tip: You can create a Rich text element in a Style guide page to style the elements within the RTE without the need to connect and disconnect it from the CMS each time you’d like to make design changes. To do this, set the same class on the RTE in the Style guide as you have set on your Collection page. Now, whenever you need to update the style of the elements within the Rich text element on a Collection page, you can go to the Style guide page and style those elements in the corresponding RTE."