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

  • waloshin

    #6088

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

    Prasanna SP

    #33310

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

    waloshin

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

    }

    Prasanna SP

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

    waloshin

    #33313
    Quote:
    #menu-item-4904 {

    background: #FF0000;

    }

    Perfect thanks how do I change the text color?

    #menu-item-4904 {

    background: #FF0000;

    color:white;

    }

    ?

    Prasanna SP

    #33314
    #menu-item-4904 a {
    color: #FFFFFF !important;
    }

    waloshin

    #33315
    Quote:
    #menu-item-4904 a {

    color: #FFFFFF !important;

    }

    Didn’t seem to work.

    Prasanna SP

    #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

    waloshin

    #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

    Prasanna SP

    #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.