Home › Forums › Graphene WordPress theme › Support

how do I change one menu item to a different color?

  • Anonymous

    October 22, 2012 at 4:10 pm #6088

    how do I change one menu item to a different color; while leaving the rest?

    Anonymous

    October 22, 2012 at 4:13 pm #33310

    Just target that menu item by finding out it’s unique ID. Which menu item’s colour do you want to change?

    Anonymous

    October 22, 2012 at 4:29 pm #33311
    Quote:
    Just target that menu item by finding out it’s unique ID. Which menu item’s colour do you want to change?

    It would be div=id”nav”

    waloshin.com

    The hot deals section. Where is the html so i could make a separate div id for it then change the css.

    Or is there an easier way.

    Example:

    <div id=”hotdeals”>

    </div>

    #hotdeals {

    background-color:red;

    }

    Anonymous

    October 22, 2012 at 4:36 pm #33312

    For Hot Deals menu item,

    #menu-item-4904 {
    
background: #FF0000;
    
}

    or,

    #menu-item-4904 {
    
background-color: red;
    
}

    If you want to have the red background when the same menu item is selected,

    #menu-item-4904.current_page_item {
    
background: #FF0000 !important;
    
}

    Anonymous

    October 22, 2012 at 4:45 pm #33313
    Quote:
    #menu-item-4904 {

    background: #FF0000;

    }

    Perfect thanks how do I change the text color?

    #menu-item-4904 {

    background: #FF0000;

    color:white;

    }

    ?

    Anonymous

    October 22, 2012 at 5:05 pm #33314 
    #menu-item-4904 a {
    
color: #FFFFFF !important;
    
}

    Anonymous

    October 22, 2012 at 5:10 pm #33315
    Quote:
    #menu-item-4904 a {

    color: #FFFFFF !important;

    }

    Didn’t seem to work.

    Anonymous

    October 22, 2012 at 5:19 pm #33316

    It works. Where did you add this code? In child-theme style.css or in Graphene Options –> Custom CSS?

    If you are using any caching plugin, clear it’s cache and try again. Also, clear your browser cache by pressing Ctrl+F5

    Anonymous

    October 22, 2012 at 6:17 pm #33317
    Quote:
    It works. Where did you add this code? In child-theme style.css or in Graphene Options –> Custom CSS?

    If you are using any caching plugin, clear it’s cache and try again. Also, clear your browser cache by pressing Ctrl+F5

    It works I applied it to the wrong Id.

    Thanks

    Anonymous

    October 22, 2012 at 6:23 pm #33318

    Marking thread as resolved. You can do this yourself as well.

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

  • You must be logged in to reply to this topic.