Hi,
The Enfold demo theme ‘Health’ shown at: http://kriesi.at/themedemo/?theme=enfold-overview (scroll to bottom of page) has rounded corners on the frame around the menu buttons as well as on the page buttons (call to action buttons?)
How do I achieve both of these?
Cheers
Nigel
This post is nearly 48 hours old…kindly requesting a response please :)
Hi,
Thanks a lot for your patience and for using Enfold.
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed.
body div .avia-button { border-radius: 10px; border: none !important; }
Best regards,
Mike
Hi Mike,
Thanks for the reply that worked for the buttons.
However I was also asking in regard to the rounded box used on the menu buttons on the ‘Health’ demo also.
How do I achieve that?
I have seen it used on other Enfold themes but can’t find it in the settings…..
Cheers
Nigel
Hi,
Go to Appearance > Menus, on the menu item find Menu Style and select Button Style (Bordered). Then add this in Quick CSS:
#top .av-menu-button > a .avia-menu-text {
border-radius: 100px;
}
Hope this helps. :)
Best regards,
Nikko
Perfect, thanks Nikko :)
Hi, how do you make a 6 column go to a 2 x 3 column on mobile?
Hi,
@amyteslin I believe you may have posted to this old thread in error as it is not related to your question in any way, but I believe you will find your answer in our documentation under: Change content order in mobile view please review this and if you have any further questions please open a new thread. Thank you for using Enfold.
Best regards,
Mike