• Hey guys,

    I’ve tried using Chrome to inspect the nav bar element, but none of the selectors I’m entering into the custom code are changing the color.

    Any help would be greatly appreciated.

    Thank you for your time,

    Neil

Viewing 8 replies - 1 through 8 (of 8 total)
  • The selectors involved are pretty hairy, but this should work:

    #cb-nav-bar.cb-dark-menu #cb-main-menu .main-nav li > a {
    	color: orange;
    }

    And if you’d like to change the hover colors:

    #cb-nav-bar.cb-dark-menu #cb-main-menu .main-nav li:hover > a {
    	background-color: white;
    	color: pink;
    }
    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    Thank you very much for your quick reply!

    Unfortunately, that only changed the color of the words within the navbar; breaking news, live tv, etc.

    I am trying to change the color of the navbar itself from black to something else.

    Ah, sorry, I misread the question. Try this:

    .cb-layout-fw #cb-nav-bar.cb-dark-menu {
    	background-color: orange;
    }
    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    Yay! That worked! Thank you very much!

    One more thing, can you please tell me the css to change the color of the black background behind the “breaking news” post, at the top of the page?

    So there’s no confusion, can you verify which background you’re trying to change? Are you trying to change the slightly transparent background behind the text “NV State Democratic Party Refuses to Seat Bernie Sanders Delegates Without Proper ID’s” and the text “Breaking News, Elections, Politics” underneath?

    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    Yes, I believe we’re on the same page ??

    It was black earlier, I just recently changed it to a light grey. The theme only provides the options “dark” and “light”.

    We’re talking about the color behind “BREAKING NEWS”, “NV STATE DEMOCRATIC PARTY REFUSES TO SEAT BERNIE SANDERS DELEGATES WITHOUT PROPER ID’S” and the post excerpt. It’s all the same light grey, at the moment.

    Try this:

    .cb-module-f {
    	background-color: orange;
    }
    Thread Starter TheLifeOfNeil

    (@thelifeofneil)

    That worked! Thank you very much for all of your help ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to change nav bar color?’ is closed to new replies.