Navigation / Menu Tab Background / Font Colors (Home, About, Purpose, etc.)

• 

  mikeyjr1 · Member · Dec 31, 2014 at 4:06 pm

  • Copy link
  • Add topic to favorites

  How do I change the background and font colors of the navigation / menu tabs? Would like to have a color set for the active navigation / menu tab and a different color set for the inactive navigation / menu tabs.

  Thank you very much!

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

• 

  shawnajroberts · Member · Dec 31, 2014 at 8:28 pm

  • Copy link

  You just want to differentiate the current tab from the others? If your theme doesn’t already do this, it may not be possible, but I can take a look.

  Here are some resources for learning how to find the correct CSS selectors:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  And you can find some more CSS resources here:

  http://en.support.wordpress.com/custom-design/custom-css/#css-help

• 

  mikeyjr1 · Member · Jan 1, 2015 at 1:11 am

  • Copy link

  Hi

  Yes…I’d like to differentiate the current tab from the others. Currently the background of the active tab (for the page being viewed) is black. The remaining are white. I’d like to change the active tabs color from black to another color.

  In the meantime, I’ll take at look at the suggested resources.

  Thanks!

• 

  shawnajroberts · Member · Jan 1, 2015 at 9:49 pm

  • Copy link

  Great! Here’s some code that targets the active tab. I’ve set the color to red just so you can see that it works, but update that to be any color you want.

  #access .current-menu-item a, #access .current-menu-ancestor a, #access .current_page_item a, #access .current_page_ancestor a {
  	background: red;
  }

  You can use either a hexadecimal number to specify a color, or a color keyword like in my example.

• 

  mikeyjr1 · Member · Jan 1, 2015 at 9:56 pm

  • Copy link

  Great! thank you very much!

• 

  shawnajroberts · Member · Jan 1, 2015 at 10:07 pm

  • Copy link

  Happy to help! Let me know if there’s anything else. :)