Change the colour of header-bg, site title, top menu and header text
- The topic ‘Change the colour of header-bg, site title, top menu and header text’ is closed to new replies.
Need help? Check out our Support site, then
Hi taras,
Could you please give me a css solution to change the header background colour of single page/post AND the text colour of site title(logo), top navigation menu items and page/post title inside header section?
Thank you
The blog I need help with is: (visible only to logged in users)
Hello Hugh,
” … change the header background colour of single page/post …”
– Sure. To change a background color of singular page header, please use this custom CSS:
#primary-header {
background-color: #000000;
color: red;
}
#primary-header .entry-meta {
color: yellow;
}
Please also remove the following custom CSS from your site to avoid any CSS conflicts:
#primary-header:not(.home #primary-header) {
background-color: #ffffff;
}
#primary-header:not(.home #primary-header) {
text-shadow: none;
transition: none;
color: #383A3B;
background-color: #ffffff;
}
—
If you want to change the site header in singular views (except the homepage), please use this custom CSS:
.single .site-header,
.page:not(.home) .site-header {
background-color: green;
color: yellow;
}
Also, make sure to remove this custom CSS from your site to avoid any issues:
.site-header:not(.home .site-header) {
text-shadow: none;
transition: none;
color: #383A3B;
background-color: #ffffff;
}
Please let me know if you have any additional questions regarding the header section on your site.
Kind regards,
Taras
Perfect!
Always appreciate for your help.
Hugh
You are always welcome, Hugh!
Kind regards,
Taras