• Closed
  • Denver Chetty
    Spectator
    August 25, 2015 at 1:11 pm #20108

    Hi There

    I would like to change the color of the main menu tabs background color after you have clicked on the tab. My site is http://www.paradocgroup.co.za. At the moment on hover the background is green and the text is white. On the down position I would like to make the background blue and the text white.

    Regards

    Denver

    Imran
    Spectator
    Posts: 402
    August 25, 2015 at 5:51 pm #20112

    Hi Denver,

    Thanks for writing in! if you wish to change the background color of your menu items on hover, so you can add the following code under Appearance > Theme Options > Custom Css:

    .menu-item a:hover {
    background-color: #B59939 !important;
    }

    You can also find it under Appearance > Styling > Main Menu Colors as per shown here: http://prntscr.com/88qwmz

    Hope this helps!

    Thanks.

    Denver Chetty
    Spectator
    Posts: 13
    August 26, 2015 at 11:10 am #20131

    Hi Imran

    Thanks for replying. However, I don’t want to change the hover color. I want to change the background of a specific menu tab after it is clicked. So, if I hover over the ABOUT US tab the background of that tab changes to green. However, after I click the tab and you are taken to the ABOUT US page the background is a whitish grey and you can’t see the menu text. I want that whitish grey background to be blue.

    Regards

    Denver

    Imran
    Spectator
    Posts: 402
    August 26, 2015 at 6:52 pm #20142

    Hi Denver,

    In regard to change the selected tab background color to achieve something like this: http://prntscr.com/895tlh, so you can add the following code under your custom CSS field:

    #nav ul .current_page_item a, #nav ul .current-menu-item a {
    background: #0202E9;
    }

    Hope this helps!

    Thanks.

    Denver Chetty
    Spectator
    Posts: 13
    August 28, 2015 at 11:17 am #20215

    Hi Imran

    Thank you, it worked.

    Regards

    Denver

    Denver Chetty
    Spectator
    Posts: 13
    August 28, 2015 at 12:13 pm #20216

    Hi Imran

    So sorry, on the same issue…how do I get the sticky header to do the same thing?

    Regards

    Denver