Selected menu Font Colour

  • John McCubbin


    This is a question i thought id find out myself im trying to change the selected nav menu text colour ith thought this would work:

    #nav ul li.current_page_item {background: #0B479D; color: #FFD80E}

    but it didn’t

    John McCubbin


    sorry put this in wrong section meant to put in support



    Assuming you are using custom menus. Else, I need to look at the live site.

    #menu-item.current-menu-item {
    background: #0B479D;
    color: #FFD80E;

    Moved to support.

    John McCubbin


    this didn’t work and i am using custom menus on (top menu)

    John McCubbin


    can anyone help still got the problem

    John McCubbin


    also i noticed i have change the background for the dropdown menu as well but the only one its not changed the color is the one that has a drop down within it can you help with this as well



    It’s almost impossible to help with anything without a link to your site.

    John McCubbin


    how iv explained simple im not alowed to show live site yet. all i wan to do is change the colour for the menu text on current page and the background on a double dropdown item

    John McCubbin


    i noticed it does it with anything that has a drop down so how do you change the cbackground colour of the actual page that you are dropping down from



    Here’s your custom menu styles. Play with them. Since we can’t see your site. Ofcourse plugin your own CSS.

    #header-menu {
    background:url(image/url.jpg) repeat-x scroll left -3px #000000;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
    #header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
    background: url(image/url.jpg) repeat-x scroll left -22px #000000;
    color: #FFF;
    font-family: Arial, Verdana;
    border-right: 1px solid #FFFFFF;
    #header-menu > li > a {
    color: #000000;
    font-family: Arial, Verdana;
    padding: 5px 10px 5px;
    font-size: 14px;
    list-style: none outside none;
    text-transform: uppercase;
    border-right: 1px solid #FFFFFF;
    #header-menu ul li {
    background: url(images/img_hover.jpg) repeat-x scroll left -3px #FFF;
    color: #FFFFFF;
    #header-menu ul li a {
    color: #FFFFFF;

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

  • You must be logged in to reply to this topic.
Graphene Themes Forum