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

  • Perfect!
    Always appreciate for your help.

    Hugh

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