Current menu item background color

  • I am trying to change the style so that the current item background in the menu is white. This is what I am using. But..it is not working.
    How can I fix this?
    Thank you
    .main-navigation .current_page_item > a {
    background: #fff !important;
    border-top: solid 3px #222;
    padding-top: 17px;
    }
    This is the site: https://evergreenchristmastreefarm.net/wp

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter elames

    (@elames)

    This is so strange. every time I try to put this code into custom styles to change the background color. It never works.

    The site may have been moved to here: https://evergreenchristmastreefarm.net/

    .main-navigation .current_page_item > a {
    background: #F8F0B5;
    border-top: solid 3px #222;
    padding-top: 17px;
    }

    What is the correct style code to make these changes happen? I am at my wits end. I have tried everything and nothing works.
    Please some assistance.
    Thank you.

    Thread Starter elames

    (@elames)

    I managed to get the current menu block color changed. But now I cannot figure out how to change the colors for when you mouseover a menu item.
    I tried This
    .main-navigation ul ul a:hover {
    border-top: none;
    background: #333;
    color: #f8f8e2;
    padding: 8px 20px;
    }
    But it is not working for me.
    What am I doing wrong.
    Would appreciated a reply
    thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Current menu item background color’ is closed to new replies.