How to style links in Rich Text content in dynamic pages?

Ask the community
1

I have a dynamic page that shows a Rich Text paragraph (not Rich Content, just Rich Text). In the Content Manager, we add links to external pages. Everything looks fine in the Content Manager:

But when I display that content as a block in the dynamic page, the links are formatted as plain text: no underline, no blue color.

1411×77 11.1 KB

You can see the color and text-decoration have been overridden in the Chrome dev tools:

2306×678 173 KB

How can I update the style so links in the rich text are styled properly? (I’d prefer black with underline, but I’ll accept anything that’s different from normal text.)

2

I found a solution – have to add some Custom CSS in the Site Settings:

div[data-testid="richTextElement"] a { text-decoration: underline;}