Change Title font in header


sorry if this has been answered before but I could not find it.

Thank you for the theme, just what I was looking for!

I’d like to change the font and colour that my site name appears in at the top left hand side of my page. I believe this area is called the Header…?

I already changed the colours under Appearance>Customise>Sparkling Options>Header but this only changed the menu colours on the right of the header, not the site name on the left.

I also tried Appearance>Customise>Sparkling Options>Typography>Heading Color but this changes the heading colours in all of my posts. I don’t want to affect them, just the Header site name.

I even updated Appearance>Customise>Sparkling Options>Layout Options>Element Color and this did not work.

I saw some CSS posted that might fix this but I did not understand how to apply this. Do I just paste it into the Appearance>Customise>Sparkling Options>Other section?

Many thanks for all help offered.


Hello there,

I hope you are doing well today.

You can use the following CSS code to change the font attributes by going to Appearance > Customize > Additional CSS and pasting it there.

/*Font attributes*/
.navbar > .container .navbar-brand {
    color: red;
    font-size: 20px;
    font-family: monospace;

Best Regards,

Thank you for the quick reply! Can I substitute “red” for a hex colour code or would the code need changed somehow?

Can I substitute “red” for a hex colour code or would the code need changed somehow?

You can substitute “red” for a hex colour code.

You can change the color value in the above code to whatever you want to use by referring the following pages.