Changing color of one menu item

Community Forums Forums General Discussion Changing color of one menu item

This topic is: resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  mborger 11 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #84841

    mborger
    Participant
    Post count: 114

    Hello. I can’t seem to change the color of one specific menu item. I’ve tried every iteration of CSS I can think of. I can make the text bold, but the color won’t take. It’s the item being used as the phone number in the upper right.

    http://bigrockinvestments.com – Lifestyle Pro theme

    This is the latest of what I’ve been testing:

    #menu-item-7504 {
    font-weight: bold;
    color:#00BAE6;!important;
    }

    }

    /*.genesis-nav-menu .menu-item-7504 {
    font-weight: bold;
    color: #00BAE6;
    }

    }*/

    http://bigrockinvestments.com
    #84842

    AC
    Blocked
    Post count: 7712

    I wrote this earlier this morning. Read this.

    #84853

    mborger
    Participant
    Post count: 114

    Thanks. The bold and background color work, but not the font color. For whatever reason, it just ignores that line.

    #84856

    AC
    Blocked
    Post count: 7712

    Try this. I added the important – but you didn’t have the “a” on the top line. Use my code.

    
    .phone-menu-item a {
         background-color: #990000;
         color: #00BAE6 !important;
         font-weight: bold;
    }
    
    #84883

    mborger
    Participant
    Post count: 114

    Thanks – that did it. :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.