Selected menu Font Colour

  • John McCubbin

    #3542

    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

    #24772

    sorry put this in wrong section meant to put in support

    Anonymous

    #24773

    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

    #24774

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

    John McCubbin

    #24775

    can anyone help still got the problem

    John McCubbin

    #24776

    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

    Anonymous

    #24777

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

    John McCubbin

    #24778

    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

    #24779

    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

    Anonymous

    #24780

    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;
    padding:5px;
    margin:0px;
    }

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

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