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?)
@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.
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.
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."