WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Menu tab color not changing (6 posts)

  1. melaniemcminn
    Member
    Posted 1 year ago #

    Hello,

    I'm trying to change the color of individual nav menu tabs and am not having luck.

    I've added the CSS classes home-tab and page-item-2 to the appropriate menu items.

    I then added

    '.home-tab {background-color: #25a9e0!important;}'
    I also tried it without '!important'

    and
    '.page-item-2 { background-color: #90278e; }'

    To my custom.css file (I'm using Thesis).

    Nothing changes. Am I missing a step?
    URL is http://writersinnerjourney.com

    Many thanks for your help,
    Melanie

  2. rikardo85
    Member
    Posted 1 year ago #

    Are you looking to have a different background for all of the navigation pages?

    if so, try adding:

    ul li.menu-item-2743 {
           background:#ff0000;
    }

    This would make your 'the journey and you' background red.

    Hope this works!

  3. melaniemcminn
    Member
    Posted 1 year ago #

    Yes, I'm looking to have each nav tab a different colour. Thanks for the reply, but no change occurred when I tried it.

  4. rikardo85
    Member
    Posted 1 year ago #

    Try removing

    background:#FAFAFA; from

    .menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a {

    This should work

    Thanks

  5. melaniemcminn
    Member
    Posted 1 year ago #

    This is what worked...

    .custom .menu-item-2743 a { background:#90278e; }

    Thanks everyone!

  6. melaniemcminn
    Member
    Posted 1 year ago #

    Resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic