Changing the color of the navigation bar

  • Unknown's avatar
    rozhaja · Member ·

    I just upgraded to the CSS Custom Design – $30 option. I want to change the color of my navigation bar to 9b8f07. This is my website rozhaja.com.

    How can I do this? When I click the Dashboard and select the CSS tab all I see is this:

    .category .page-title {
    color: transparent;
    font-size: 0;
    }

    .category .page-title span {
    color: #ab8f07;
    font-size: rem;
    }

    Where can I find the rest of the CSS code? I’m assuming there is much more than this but I can’t seem to find where it is and where I can change the navigation bar color. I’d also really love to remove those little balloons at the top of the page. Does anyone know if there is a way to do this?

    Thank you in advance for your help!
    Rozi

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, this will get you going on the menu bar color. 

    .navigation-main:before, .navigation-main:after, .site-footer:before, .site-footer:after {
    border-color: #9b8f07;
}
.navigation-main, .navigation-main ul ul, .menu-toggle, .main-small-navigation ul.nav-menu.toggled-on {
    background-color: #9b8f07;
}
.navigation-main a {
    color: #FFFFFF;
}

    And this will get rid of the balloons at the top. 

    .site-container {
    background: none;
}
  • Unknown's avatar
    rozhaja · Member ·

    Thank you so much for your help!! That worked.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Changing the color of the navigation bar’ is closed to new replies.