Tiny forge theme

In style.css under: /* Theme Options – Site Header Logo */

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}

You might break it down to:

.site-header h1 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}

.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}

Hi Tomas,
Sorry but problem not resolved. I’m using achild theme and put the suggested code in it but site title and site description font still the same color. Child theme code below.

‘Template: tiny-forge
*/
@import url(‘../tiny-forge/style.css’);

.site-title{
background-color: #c3c19b; /*This formats OK*/
}

.site-header h1 a {
color: #515151;
display: inline-block;
text-decoration: none;
}

.site-header h2 {
color: #000000;
}

.entry-title{
display:none;
}’

I tried live editing in Firebug by removing the code between question marks shown below from the parent theme and this gave the right result but I want to do it via the child.

.site-header h1 a
??,.site-header h2 a??
{
color: #515151;
display: inline-block;
text-decoration: none;
}

Just try to include those several lines in child theme. If you see them crossed out, you can try use !important to enforce the rule.

And of course it easier to see problem if you would provide your site address.

Hello Tomas,
I must be doing something stupid since Firebug isnt showing any CSS from child theme for h2 and !important doesn’t work either.
Site is https://www.thelisteningplace.co.nz/wordpress.

Your help is much appreciated.

Try this one:

.site-header h2.site-description {
    color: #000;
}

Yep it works. Thought I had tried that one but obviously not.

Many thanks.