Custom menu tab colors in Twenty Ten

stephaniepost · Member · Nov 3, 2010 at 3:37 pm
Copy link

Add topic to favorites
I am a super newbie to CSS and really can’t figure this one out…

I am trying to change the rollover color on the menu tabs in the Twenty Ten theme. I have three tabs and would like a different rollover color for each.

Can anyone help?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 3, 2010 at 7:26 pm
Copy link
The site linked to your username is using Vigilance. We need a link to the blog that you are talking about please.
stephaniepost · Member · Nov 3, 2010 at 8:22 pm
Copy link
Sorry, it’s http://rockhudsonblog.com/
thesacredpath · Member · Nov 3, 2010 at 8:46 pm
Copy link
I think this can be done with 2010, but I can’t make it work. Hopefully hallluke will see this thread and respond. If anyone can do it, he can.
devblog · Member · Nov 3, 2010 at 10:11 pm
Copy link
This should do the trick:
```
#access #menu-menu a:hover {background: COLOR-YOU-WANT !important;}
```
thesacredpath · Member · Nov 3, 2010 at 10:30 pm
Copy link
@devblog, will that allow each tab to have a different color?

hallluke · Member · Nov 3, 2010 at 11:12 pm

This will for sure:

#access #menu-item-105 a:hover {background-color:#f00;}
#access #menu-item-593 a:hover {background-color:#0f0;}
#access #menu-item-557 a:hover {background-color:#00f;}

devblog · Member · Nov 3, 2010 at 11:54 pm
Copy link
I guess I didn’t read the question well, hence my lousy solution.
thesacredpath · Member · Nov 3, 2010 at 11:57 pm
Copy link
Wasn’t a lousy solution, it is the first one I came up with too then read closer. I almost came up with your solution, but I made it too complicated. I over engineered it.
stephaniepost · Member · Nov 4, 2010 at 12:16 am
Copy link
Awesome! That did it @hallluke, thank you so much!!
aroussea · Member · Nov 12, 2010 at 8:13 am
Copy link
Hello,

I currently use TwentyTen theme, and say that I have a menu with two blocks named block1 and block2. When I point on block2, a submenu appears with 2 pages, named page1 and page2.
If I click on page2, I open the page named page2 and I have the content I wished. BUT I would like the background of “block2” to be changed to a different color so that the reader knows that he is in block2…
I tried many things with the #access lines in the CSS file, but I failed…

Sorry for my bad english, I hope somebody will help me :-)

Antoine
http://www.therapeute-gestalt.fr
jarvarro · Member · Dec 9, 2010 at 3:27 am
Copy link
I see how to get the menu item number for all of the links but the Home link with firebug. Any idea how to get that?
thesacredpath · Member · Dec 9, 2010 at 3:45 am
Copy link
What exactly are you trying to do? I’m not quite sure why you would need the menu item IDs.
hallluke · Member · Dec 10, 2010 at 2:41 am
Copy link
What theme are you using? We can’t help much without a link to your blog.
stephaniepost · Member · Jan 11, 2011 at 12:10 am
Copy link
Just updating this for my future reference…

To find find the menu-item# you have to view your page source and look for… id=”menu-item-xxxxx” in the code

The topic ‘Custom menu tab colors in Twenty Ten’ is closed to new replies.

WordPress.com forums

Custom menu tab colors in Twenty Ten