Change color of just one link on a page?

Classic General
1

I sometimes want a specific link to stand out for whatever reason. I have the links on most of my pages very subtley different colors than the main text, all bright colkored links looks very 90’s to me.

But sometimes you need people to see a link.

Iv’e tried CSS and span code with ! important, but I can’t get it to override the code color settings for the page, or the CSS link color settins for the site.

There must be a way to do this.

Thanks!

2

Maybe this would help:

3

That isnt code I could add to a page inline though.

I’m trying to find a way to change the color of one link on a page and not affect the other links on that page. Not change the color of links on one entire page.

Sometimes you need one link on a page to stand out.

thanks

4

Can you link to the page in question so we can take a look?

5

Try this CSS

/* custom color and hover */
.custom-link {
color: #ff0000 !important;
}
.custom-link:hover {
color: green !important;
}

This is a <a href="#" class="custom-link">custom link</a> with a different color.

you can add multiple colors and use the right class for each sentence.
If you need to do this on multiple pages of your project, put the code in the general preferences (setting/code/css) and not on the page.

1 Like