Need help? Check out our Support site, then


Nav bar and link in nav bar color question

  1. Hello, I am going to later today change my theme at wwwdotgenerationzappeddotcom.wordpress.com to Awesome. (I previously purchased Full Frame but it will not allow for the customizations that I need).

    Can you please let me know how to change the color of the navigation bar on the left side of the screen?

    Is there a way also to change the nav bar link roll over color?

    Thanks!

    The blog I need help with is wwwdotgenerationzappeddotcom.wordpress.com.

  2. Hi there, this should get you started with changing the left navigation colors in Awesome.

    The bar itself (non-hover):

    .main-navigation ul {
        background: none repeat scroll 0 0 #111111;
        border-right: 5px solid #333333;
    }

    Bar background color (hover)

    .main-navigation li:hover > a {
    background: #333333;
    }

    Symbol color (non-hover)

    .main-navigation ul.nav-menu div div > li > a:before {
        color: #666666;
    }

    Symbol color (hover)

    .main-navigation ul.nav-menu div div > li > a:hover:before
        color: #FFFFFF;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic