Tagged: menu
Hi, I have been looking at the Showcase forum and not sure if I should post here or there (or in Future enhancements). I would really like to be able to customise the menu options a lot more. I think @freepixelweb has done an amazing site http://somyweb.net/site-internet/commune-de-blasimon/ and I love the menu. But how is this done in Enfold?
Hey!
They are using the colored button style for menu items + unique classes applied to each one + custom CSS (http://screencast.com/t/onpgT6E6Ue):
.av-menu-button-colored > a .avia-menu-text {
border-radius: 10px;
border-width: medium medium 0;
padding: 7px 10px;
}
#top #wrap_all .header_color > a .avia-menu-text {
background-color: #e94e1b;
}
#top #wrap_all .header_color .vert > a .avia-menu-text {
background-color: #96c11f;
}
#top #wrap_all .header_color .rose > a .avia-menu-text {
background-color: #e6007e;
}
#top #wrap_all .header_color .bleu > a .avia-menu-text {
background-color: #0e71b8;
}
#top #wrap_all .header_color .violet > a .avia-menu-text {
background-color: #951b81;
}
P.S. If you don’t see the Custom Class field you’d need to activate in Screen Options.
Cheers!
Josue