Change heading color when it is a link

Support
#1

I have a post with a lot of H3 headings that are links but show as black. I need them to be a color I choose with a different color for the hover.

Edit: The links actually go to the color I want on hover, just black on no hover.

#2

Hi @theresaladner,

Thanks for reaching out.

I don’t see any h3 from the page, but you could still do that by adding this CSS to Theme Options > CSS

.h3 a, .h5 a {
    color: #000000;
}

Hope this helps.

#3

That did nothing.

In particular, it is the H3 links on this page:

But I want to make any heading any color when it is a link.

#4

Hey @theresaladner,

Please use this code instead:

body h3 a {
    color: #1ecae1;
}

Don’t forget to clear all caches including your browser’s cache after adding the code to see the changes on the front-end right away. Let us know how this goes!

#5

Thank you. That worked great.

Is there any way to have a different color on cursor hover or is that asking too much? :slight_smile:

#6

Hey @theresaladner,

Please have the code updated and use this:

body h3 a {
  color: #1ecae1;
}

body h3 a:hover {
  color: #000;
}

Feel free to adjust the color with a different hex value.

#7

Fabulous! Everything is tickety-boo.

#8

We are just glad we were able to help you out.
Thanks for letting us know that it has worked for you.

Cheers.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.