Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 1, 2014 at 12:22 am #360490
    webstrats

    I am working on a new website for a cake business, in process at webstrats.com/kake. The current (non-WordPress) version includes a cute mouse-over image swap on the menu items, as seen at http://kakekorner.com

    Is there any way I can do this in Enfold?

    Thanks!

    December 1, 2014 at 3:22 pm #360782
    Yigit

    Hey webstrats!

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

    li#menu-item-37:hover > a {
background-image: url(https://kakekorner.com/images/icons_cupcake.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
li#menu-item-37:hover > a > .avia-menu-text {
opacity: 0;
}

    It will change hover state image for Gallery menu item. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.