Nav bar and link in nav bar color question

• 

  assistmatrix · Member · Feb 6, 2014 at 6:08 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Feb 7, 2014 at 5:35 am

  • Copy link

  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;
  }