Heading colour

You can do this by entering custom css codes into the “additional css” tab of the “customizer”.
Use the browser inspector in your browser to find the html and css tags that you want to address.

If you cared to provide more details on which aspects of the header you wanted to change the color of, then we could give you more specific assistance.

Thanks for your advice @rossmitchell.

I’m looking at changing each post heading, so for example my recent post is titled My top 5 favourite moments of 2017, that’s the heading I’d like to change the colour of.

The colour I’d like it to be is very dark grey #333333.

Thanks.

So add this code into the “customizer” > “Additional CSS”

.entry-header h2.entry-title a, .page-header h2.entry-title a {
 color #333333;
}

You may also want to address the :link, :hover, .. selector variants, remember that they must be in this order:

a:link
a:visited
a:hover
a:active

Hi @rossmitchell,

Thanks for you help.

I tried the code but it doesn’t work, it says error when I paste it in.

Also, where do I find the selector variants.

Thanks!

I tried the code but it doesn’t work, it says error when I paste it in.

Curious. Please develop the css in stages, at which step does it say error ?
1)

a {
 color #333333;
}

2)

.entry-title a {
 color #333333;
}

3)

h2.entry-title a {
 color #333333;
}

4)

h2 a {
 color #333333;
}

5)

.page-header h2.entry-title a {
 color #333333;
}

Also, where do I find the selector variants.

Of course the whole story (and the rest of css) is here:
https://www.w3schools.com/css

In your case it could be used like this:

.page-header h2.entry-title a:link {
 color #blue;
}
.page-header h2.entry-title a:visited {
 color #red;
}
.page-header h2.entry-title a:hover {
 color #green;
}
.page-header h2.entry-title a:active {
 color #808080;
}

Hi @rossmitchell thanks for all your help. I’ve managed to fix the heading colour. Going to work on the rest now.