Changing color of the navigation bar

• 

  thebraidedgirl · Member · Nov 24, 2015 at 9:31 pm

  • Copy link
  • Add topic to favorites

  The blog i need help with is http://www.thebraidedgirl.com.

  If i put the cursor on the navigation bar (as for example “About”) then there appears a grey background around “About”. The same happens in the footer widgets on the Button “Follow” and the tags.

  I would like to change the color of the background – the color of the font is fine – but i would like not to have a grey background. The color i like to have around this position is #F7AABE.

  Thank you for your help!

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

• 

  michaelvandenberg · Member · Nov 25, 2015 at 12:31 pm

  • Copy link

  Hi there,

  Try this:

  .main-navigation ul li:hover > a, .main-navigation ul li.focus > a, .main-navigation li.current-menu-item > a, .main-navigation li.current-menu-parent > a, .main-navigation li.current-page-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_parent > a, .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover, .widget.wp_widget_tag_cloud a:hover {
  	background: #F7AABE;
  }

  This should change most of the grey background color to the color of your choosing.

  Let me know if this works!

  Best regards,

  Michael

• 

  thebraidedgirl · Member · Dec 20, 2015 at 1:42 pm

  • Copy link

  it worked :) thank you for your help!