Automatically change color of parts of text that meets a condition

Ask the community
,
1

Hi,

I’m trying to change to color of links that are part of the same text element, for instance: each link or pieces of text that are underlined would be in blue.

Any idea how to change this?

Thanks!

2

Hello. You can accomplish this without code when you add text to the element. Click to edit the text and highlight the text you would like to change the color of, then click the color icon to modify.

3

@tristan-breon-1 I see, apologies for misunderstanding the request. You could apply css for all links through the custom code option in the backend of the site. The issue with this is that you would be applying it at the tag level so it would affect all links. Test it out and if I think of something else, I will come back through

4

@amandam Alright thank you. I would indeed want this to apply to all hypertext links (except for those in the footer and header)

Could you give me an example of what code should be implemented? Thanks!

5

@tristan-breon-1 if you are on a premium account and in the classic editor you can go to your dashboard and click Settings > Custom Code

In the custom code area click add new then you can code your css there

<style>
//Your css here...
//Something like
a{
color: #FF000;
}
</style>

You might need to add the !important flag to the css if the override doesn’t work. I would caution to thoroughly check your site as what I added above will override ALL links so possibly will have unintended consequences.

You can load the code on every page or only on certain pages and make sure to mark the code as essential

Publish your site and refresh the page and you should see your changes.

Alternatively, if you are just starting you may want to consider looking at EditorX which has more design versatility.