Changing the background colour of the blog theme

Post Reply
Nm1213
Jr. Bludit
Posts: 3
Joined: Sat Dec 14, 2019 3:49 am

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.
hxii
Ssr. Bludit
Posts: 20
Joined: Sun Nov 22, 2015 11:01 am
Contact:

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

web
Nm1213
Jr. Bludit
Posts: 3
Joined: Sat Dec 14, 2019 3:49 am

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.
User avatar
Edi
Site Admin
Posts: 2073
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

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.
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
Nm1213
Jr. Bludit
Posts: 3
Joined: Sat Dec 14, 2019 3:49 am

Thanks very much for your help! Got it sorted!
Post Reply