Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 17, 2015 at 2:56 pm #504844
    ppi37

    Hi,
    I created a menu item (without page link, just #) with a sub menu (5 menu items with page links).
    I changed the color of the active menu items with the following Quick CSS:

    .header_color .main_menu ul:first-child > li > a { font-size: 14px; }
    .header_color .main_menu ul:first-child > li > a:hover { color: #f05a1a; }
    .header_color .main_menu ul:first-child > li.current_page_item > a { color: #f05a1a; }

    How can I also changed the color of the menu item (which has no page link), when a sub-menu page is active?
    Thanks

    September 17, 2015 at 2:58 pm #504848
    Yigit

    Hey ppi37!

    Please add following code to Quick CSS 

     li.current-menu-ancestor > a > .avia-menu-text {
    color: orange;
}

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

    Regards,
    Yigit

    September 17, 2015 at 3:37 pm #504903
    ppi37

    Hi Yigit, your CSS code is perfect.
    Thanks.
    But for your recommandation ??
    (Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field)

    My Quick CSS :

    .header_color .main_menu ul:first-child > li > a { font-size: 12px; }
    .header_color .main_menu ul:first-child > li > a:hover { color: #ec7a23; }
    .header_color .main_menu ul:first-child > li.current_page_item > a { color: #ec7a23; }
    li.current-menu-ancestor > a > .avia-menu-text { color: #ec7a23; }

    div#orange10px {
    height: 10px;
    min-height: 10px;
    }

    div .av_one_fifth {
    margin-left: 3%;
    width: 17.6%;
    }

    div .av_one_fourth {
    margin-left: 2%;
    width: 23.4%;
    }
    div .av_three_fourth {
    margin-left: 3%;
    width: 73.5%;
    }

    September 17, 2015 at 4:01 pm #504927
    Yigit

    Hi!

    If it is working, then no problem. Sometimes when you copy the code from email, > sign is being converted, my suggestion was to check if it was converted or not :)

    Best regards,
    Yigit

    September 17, 2015 at 4:50 pm #504985
    ppi37

    Ok Yigit,
    Thanks a lot

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘how to change the active menu item color’ is closed to new replies.