StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Changing color of one menu item

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Changing color of one menu item

This topic is: resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 12, 2014 at 5:02 pm #84841
    mborger
    Member

    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
    January 12, 2014 at 5:04 pm #84842
    AnitaC
    Keymaster

    I wrote this earlier this morning. Read this.

    Need help with customization or troubleshooting? Reach out to me.

    January 12, 2014 at 5:32 pm #84853
    mborger
    Member

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

    January 12, 2014 at 5:42 pm #84856
    AnitaC
    Keymaster

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

    Need help with customization or troubleshooting? Reach out to me.

    January 12, 2014 at 8:23 pm #84883
    mborger
    Member

    Thanks - that did it. 🙂

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.