Hi,
Details of our website are provided below.
I want to style the button element for it to have rounded edges and not square edges.
Can you please assist.
Thanks
Garima
Hey NR1234,
Thank you for using Enfold.
You can use this css code to create buttons with rounded edges.
#top body div .avia-button {
border-radius: 5px !important;
}
Adjust the value as needed.
Best regards,
Ismael
Hi Ismael,
I have used this quick CSS in the general styling section. However nothing seems to change in the button shape.
Can you please suggest what else can I do.
Thanks
Garima
Hi Garima,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
#top .avia-button {
border-radius: 20px;
}
Best regards,
Victoria
Hi Victoria,
login details provided below.
I am putting the code in the Quick CSS section as well as in the customize section in “Appearance” tab.
However, ti does not seem to be working.
Thanks
Garima
Hi,
Thanks for that, could you try to move the code to the very top of the Quick CSS box please?
Best regards,
Rikard
Thanks Rikard.
This worked.
Garima