How do I change the pages tab colours & font colour

• 

  serenityrawgoodness · Member · Feb 26, 2012 at 5:53 pm

  • Copy link
  • Add topic to favorites

  I would like to change the colour of my pages tabs to white & then the font on them to an electric pink colour how do I do this?
  I have searched & I have changed the Css style to see what happens & nothing changes.
  This is what it looks like currently,
  http://serenityrawgoodness.co.uk/

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

• 

  timethief · Member · Feb 26, 2012 at 6:07 pm

  • Copy link

  Please see here as it appears if make the appropriate HEX color changes this will resove your issue > https://en.forums.wordpress.com/topic/twenty-ten-how-to-change-tab-colors-and-highlight-tab-for-selected-page?replies=12#post-820268
  If it doesn’t you will want to search the Twenty Ten threads while you wiat for Staff assistance with your CSS editing.

• 

  designsimply · Member · Feb 28, 2012 at 11:29 pm

  • Copy link

  The link timethief posted is just what you need. Here is the same example with the font set to “hotpink”:

  #access {
  	background: #fff;
  }
  #access a {
  	color: hotpink;
  }
  #access ul ul a {
  	background: #fff;
  }
  #access li:hover > a,
  #access ul ul :hover > a {
  	background: #fff;
  	color: #333;
  }
  #access ul li.current_page_item > a,
  #access ul li.current_page_parent > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a {
  	color: hotpink;
  }
  * html #access ul li.current_page_item a,
  * html #access ul li.current_page_parent a,
  * html #access ul li.current-menu-ancestor a,
  * html #access ul li.current-menu-item a,
  * html #access ul li.current-menu-parent a,
  * html #access ul li a:hover {
  	color: hotpink;
  }

  And here is a resource with some color names you can use if you want to pick a different color: http://www.w3.org/TR/css3-color/#svg-color