Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 10, 2015 at 11:11 am #533138
    thatkidaathi

    Hello,

    I’m trying to change the background color and the font color of the current menu.
    I figured out a way to do this for the hover option but not for current page.

    Screenshot

    this is the code i tried using:

    .av_seperator_big_border#header .av-main-nav > li > a  .current-menu-item a {
    background-color: #005028!important;
    font-color: #ffffff;
}
    November 10, 2015 at 2:53 pm #533288
    Yigit

    Hey Arthith!

    Please try adding following code to Quick CSS 

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
    background-color: #005028!important;
    font-color: #ffffff!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    If that does not help, please post the link to your website

    Best regards,
    Yigit

    November 10, 2015 at 3:11 pm #533312
    thatkidaathi

    Hey Yigit,

    Thanks man, that did the trick but i still can’t see the fonts in white

    ss

    Cheers

    November 10, 2015 at 3:19 pm #533320
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a > .avia-menu-text {
    color: white!important;
}

    P.S.: I copied your code for background and font color to get the correct color values but “font-color” is invalid. Please use “color” instead.

    Regards,
    Yigit

    November 10, 2015 at 3:21 pm #533324
    thatkidaathi

    Oh okay, thank you! it’s working now :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Current Menu Background Coloring’ is closed to new replies.