• Resolved Brandy

    (@canwester)


    Needing the “top bar, header main, and top bar nav” to have different background colors on the front page and the blog page. How can I achieve this? Page/id specific css doesn’t seem to be working?

    Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi @canwester, please share your website link.
    Css Exp : .page-id-7 .navigation-top{background-color:#00000 !important;}
    Thanks,
    Shital

    Theme Author createandcode

    (@createandcode)

    Hi Brandy,

    You’d need some custom css to achieve something like this. Try adding the following to Appearance > Customizer > Additional CSS

    
    /* Top Bar */
    
    body.home .startright-header-topbar {
    	background: red;
    }
    
    body.blog .startright-header-topbar {
    	background: green;
    }
    
    /* Main Header */
    
    body.home .startright-header-main {
    	background: blue;
    }
    
    body.blog .startright-header-main {
    	background: pink;
    }
    
    /* Navigation Bar */
    
    body.home .startright-header-nav {
    	background: yellow;
    }
    
    body.blog .startright-header-nav {
    	background: orange;
    }
    

    Replace the colors with your own #hex.

    Best

    Simon

    Thread Starter Brandy

    (@canwester)

    Sorry for my late reply, I was away… Thank you for your help you guys, appreciate it. ??

    Theme Author createandcode

    (@createandcode)

    No problem Brandy!

    Best,

    Simon

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background color’ is closed to new replies.