Hi Enfold support,
From the Content Elements, I dragged a Fullwidth Sub Menu item and then chose the option: Build simple custom menu
I added the entries and for one of those entries I changed they Style to: Button Style (Colored)
I added a Custom CSS class for that Fullwidth sub menu item called: sub-menu-local
I’m trying to change the entry with a Button Style (Colored) – Specifically I want to change the border-radius.
Edit: I also want to change the text color to #6b6868, but only for the entries that are not “Button Style (Colored)”
Can you please help me accomplish this?
Hey hobeja7,
Please try the following in Quick CSS under Enfold->General Styling:
#av-custom-submenu-1 li .avia-menu-text {
color:#6b6868;
}
#av-custom-submenu-1 li.av-menu-button-colored .avia-menu-text {
color:#fff;
}
#av-custom-submenu-1 li.av-menu-button-colored {
border-radius:10px;
}
Best regards,
Rikard
Thanks, Rikard,
The code to change the text color worked great.
The border-radius didn’t change. I tried with pixels and percentages. Another suggestion?
Hi hobeja7,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .main_color .av-menu-button-colored>a .avia-menu-text {
border-radius:10px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thank you, Victoria.
This code worked in the Quick CSS section.
You guys are the best!
Hi hobeja7,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria