Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 20, 2016 at 10:37 am #586426
    famewebdesign

    Hello,
    Please check http://www.fysio-evident.nl/wp
    I’ve added this code to change the color of the current menu item:

    .current-menu-item > a {
    color: #D5523E!important;
    }

    It’s not working so obviously I’m doing something wrong. Can you help me with this issue?

    Thanks for your answer!

    Martine

    February 22, 2016 at 8:34 am #586944
    Rikard

    Hi Martine,

    Please try this instead: 

    .current-menu-item a .avia-menu-text {
color: #D5523E !important;
}

    Best regards,
    Rikard

    February 22, 2016 at 8:52 am #586964
    famewebdesign

    Yes! That works! Thanks Rikard!

    February 22, 2016 at 10:25 am #586998
    famewebdesign

    Just one more question… On this page: http://www.fysio-evident.nl/wp/knieklachten-anatomie/
    there’s a second menu on the left. I would like to make this menu work the same as the main menu: on hover the red line beneath the item and the same red color for the current menu item. No grey color on the current menu item like it is now.

    Is this possible?

    February 22, 2016 at 1:02 pm #587069
    Yigit

    Hey!

    Please add following code to Quick CSS

    .widget_nav_menu ul:first-child>.current-menu-item>a, .widget_nav_menu ul:first-child>.current_page_item>a {
    color: #D5523E !important;
}

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

    Best regards,
    Yigit

    February 22, 2016 at 1:19 pm #587076
    famewebdesign

    Thanks Yigit! Now the current menu item has the red color!

    Is it also possible to create a red line when hovering over the menu item (like there’s a red line when hovering over the main menu items)?
    And is it possible to delete the grey backgroundcolor from the current menu item?
    Thanks for your help!

    February 22, 2016 at 2:02 pm #587106
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .sidebar_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left .widget_nav_menu ul:first-child>.current_page_item, .sidebar_left .widget_nav_menu ul:first-child>.current-menu-ancestor { 
background: transparent !important;
box-shadow: none !important; 
}
.widget_nav_menu a:hover {
    text-decoration: underline;
}

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

    Cheers!
    Yigit

    February 22, 2016 at 7:07 pm #587394
    famewebdesign

    Great! Thanks Yigit!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘current menu item’ is closed to new replies.