Change the colour of header-bg, site title, top menu and header text
-
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 -
-
- The topic ‘Change the colour of header-bg, site title, top menu and header text’ is closed to new replies.