Change the colour of header-bg, site title, top menu and header text

Author

Posts
April 4, 2021 at 9:05 am #162366

seunghughshin
Member

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)

April 5, 2021 at 7:01 pm #162391
tarasdashkevych
Theme Author
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
April 6, 2021 at 1:13 am #162397

seunghughshin
Member

Original poster

Perfect!
Always appreciate for your help.

Hugh

April 6, 2021 at 2:58 pm #162404

tarasdashkevych
Theme Author

You are always welcome, Hugh!

Kind regards,
Taras

The topic ‘Change the colour of header-bg, site title, top menu and header text’ is closed to new replies.

No items found.