background color in top navigation tabs after clicking – coraline theme

• 

  jaclynpieleski · Member · Nov 19, 2014 at 3:50 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have tried everything I can think of to change the black background that appears on each navigation tab after clicking. Is there a way to change this color so that it only highlights the item tab while on the page? I want the background color to be: #0071bc. Then when you click on another page the corresponding navigation tab should have the blue background color. I am using the Coraline theme and the site I need help with is http://brukeropticsapplications.wordpress.com.

  Thank you!

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

• 

  supportmyoffice · Member · Nov 19, 2014 at 3:56 pm

  • Copy link

  Hi jaclynpieleski,

  Your blog is in protected mode so I’m unable to look at it. If you can grant access or unprotect it, we’ll be able to provide more help.

• 

  jaclynpieleski · Member · Nov 19, 2014 at 4:00 pm

  • Copy link

  I want to keep this site as private, but is there a way I can allow the WP help team to view it without taking it off this setting?

• 

  supportmyoffice · Member · Nov 19, 2014 at 4:16 pm

  • Copy link

  I’m testing it on my site and I may have a solution. Do you want to get rid of the black when you hover the menu items or just after the item is clicked?

• 

  jaclynpieleski · Member · Nov 19, 2014 at 4:27 pm

  • Copy link

  Great, thanks! I don’t want there to be any black in the background. I have already changed the color for when you hover over the menu items, but I can’t seem to change it for after the item is clicked. a:visited won’t work because it changes the color forever once it has been clicked, and a:active only changes the color as you are clicking.

• 

  supportmyoffice · Member · Nov 19, 2014 at 4:28 pm

  • Copy link

  Give this a try

  #access .current-menu-item a, #access .current-menu-ancestor a, #access .current_page_item a, #access .current_page_ancestor a {
  	background: none repeat scroll 0 0 #0071bc;
  }

  That changed my after click (active) color to the blue. Let me know if it doesn’t work.

• 

  jaclynpieleski · Member · Nov 19, 2014 at 4:32 pm

  • Copy link

  Yes it worked! Thank you!!