-
AuthorPosts
-
February 15, 2017 at 12:47 am #747228
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
NigelFebruary 17, 2017 at 1:28 am #748180This post is nearly 48 hours old…kindly requesting a response please :)
February 19, 2017 at 5:23 pm #749021Hi,
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,
MikeFebruary 20, 2017 at 8:00 am #749178Hi 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
NigelFebruary 24, 2017 at 11:08 am #751331Hi,
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,
NikkoFebruary 25, 2017 at 11:25 pm #751848Perfect, thanks Nikko :)
February 25, 2017 at 11:57 pm #751850April 16, 2021 at 2:18 pm #1294800Hi, how do you make a 6 column go to a 2 x 3 column on mobile?
April 17, 2021 at 5:55 pm #1294919Hi,
@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 -
AuthorPosts
- The topic ‘Rounded corner buttons’ is closed to new replies.
