Custom menu tab colors in Twenty Ten

  • Author
    Posts
  • #535100

    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 rockhudsonblog.com.

    #535230

    The site linked to your username is using Vigilance. We need a link to the blog that you are talking about please.

    #535246
    #535247

    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.

    #535257

    devblog
    Member

    This should do the trick:

    #access #menu-menu a:hover {background: COLOR-YOU-WANT !important;}
    #535260

    @devblog, will that allow each tab to have a different color?

    #535272

    hallluke
    Member

    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;}
    #535273

    devblog
    Member

    I guess I didn’t read the question well, hence my lousy solution.

    #535274

    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.

    #535278

    Awesome! That did it @hallluke, thank you so much!!

    #535483

    aroussea
    Member

    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

    #535525

    jarvarro
    Member

    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?

    #535526

    What exactly are you trying to do? I’m not quite sure why you would need the menu item IDs.

    #535527

    hallluke
    Member

    What theme are you using? We can’t help much without a link to your blog.

    #535532

    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.