Changing the background colour of the blog theme
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.
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.
header.masthead has a background property and header.masthead .overlay has an overlay with 5% opacity.
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 77 times
- 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.
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.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets