Return to Support

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

Home Forums Graphene WordPress theme Support how do I change one menu item to a different color?

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #6088
    waloshin
    Member

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

    #33310
    Prasanna SP
    Member

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

    #33311
    waloshin
    Member
    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;

    }

    #33312
    Prasanna SP
    Member

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

    #33313
    waloshin
    Member
    Quote:
    #menu-item-4904 {

    background: #FF0000;

    }

    Perfect thanks how do I change the text color?

    #menu-item-4904 {

    background: #FF0000;

    color:white;

    }

    ?

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

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

    color: #FFFFFF !important;

    }

    Didn’t seem to work.

    #33316
    Prasanna SP
    Member

    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

    #33317
    waloshin
    Member
    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

    #33318
    Prasanna SP
    Member

    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.