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

  • 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)

  • 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

  • seunghughshin · Member ·

    Perfect!
    Always appreciate for your help.

    Hugh

  • 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.