Blue Text Link from CMS Collection Text in Tabs Menu

Hello,
Does anyone know how to override the default blue text link setting without using a link block? I have a tabs menu that uses text from a CMS Collection in a Rich Text Block. The problem is that if I display a phone number or an e-mail address it generates a blue text link which is not visible because the website has a dark blue background. Also, I noticed that even if a link is not assigned to a phone number, a default blue underlined link is automatically generated when viewed on a tablet or phone.

Here is a Screen Shot of the issue :

Is there a simple answer for this issue?
Please advise.
Thank you,
Sara

Published Page Link : https://saras-fresh-project-29b7f0.webflow.io/about/ordering-information-james-morton

Here is my site Read-Only: https://preview.webflow.com/preview/saras-fresh-project-29b7f0?utm_medium=preview_link&utm_source=designer&utm_content=saras-fresh-project-29b7f0&preview=fe3ebf1fe45ff37c9b9a87a8573ca881&pageId=5d94ee97c6635622129a2aca&itemId=5d9e6414e8c37c0346d3776e&mode=preview

Hello @Sarabeth, you can edit the default blue text and underline on the “All Links” class. 01%20PM
Just select it on any element that has the class All Links. I hope this helps.

Thank you @ Pablo_Cortes ! That worked.

I have tried to edit the “Body All Pages” class and the “All Links” class before, but it did not work as it was overridden by another class in use. An empty link on an incomplete Categories page without a class assigned was used to edit the “All Links” class. That worked best.

“Just select it on any element that has the class All Links.” this statement helped point me in the right direction !

Appreciate the help!

Kind regards,
Sara

1 Like

Hey @Sarabeth, I’m glad it worked out for you.