Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 27, 2014 at 9:39 pm #341803
    comotion_design

    Hi,
    I have build a menu using the new button mode. Is there a way to set the background color of the active selected menu item

    I have found the a:hover part but changing that to a:active doesn’t seem to have any effect

    #top #wrap_all .header_color .av-menu-button-colored > a:active .avia-menu-text {
	background: #8ec348;
	color: #ffffff;
}

    Thanks

    October 28, 2014 at 5:16 am #341989
    Ismael

    Hey comotion_design!

    Thank you for using Enfold.

    I don’t see any button shortcode on the page. Can you please provide the link to the actual page with the button? You can try this on Quick CSS:

    #top .main_color .avia-color-theme-color:active {
color: blue;
border-color: red;
background-color: orange;
}

    Best regards,
    Ismael

    October 28, 2014 at 3:17 pm #342251
    comotion_design

    Hi Ismael,

    You’re welcome…:)
    Didn’t seem to have any effect – the website is hidden behind a ‘coming soon’ plugin but I can give you access if you need.

    I’ve made a screen shot of what I’m after – the currently selected page is hightligted in the menu.
    The active selected menu item

    October 28, 2014 at 3:45 pm #342264
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li.current-menu-item > a > .avia-menu-text {
background-color: green!important;
color: white!important;
}

    Cheers!
    Yigit

    October 28, 2014 at 9:36 pm #342410
    comotion_design

    That did the trick… Thanks!

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