Bludit Community Support Forum

Hello,

How do I change the site title background colour in the blog theme? There are two ribbons, one for the header site title, and one for the footer. Both are currently dark grey.

I’ve tried to change it in the styles.css file for the theme, but can’t see where it stores the colour value.

Could you please help?

Thanks!

N.

Do you mean Clean Blog?
header.masthead has a background property and header.masthead .overlay has an overlay with 5% opacity.

Hi,

This is for the blog theme that is one of two defaults with the Bludit install zip file. Is that the same as Clean Blog? I’ll have a look again. Thanks for your tip.

N.

The theme uses the framework Bootstrap.

With Bootstrap the color of the navigation bar can be set in the theme as .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark or .bg-light:

https://www.w3schools.com/bootstrap4/bo ... colors.asp

and

https://www.w3schools.com/bootstrap4/bo ... navbar.asp

By default it is set to .bg-dark.

You also can use none of these, delete .bg-dark in theme and give the class .navbar a background color.

Same with the footer. By default it has the classes .footer and .bg-dark.

Thanks very much for your help! Got it sorted!