Hi,
How can I put a rounded button? I used to have it before, but now it is squared and I don’t know hot to change it.
Thank you!
Elena
Hey Elena_AB,
I’m able to see rounded buttons on your page. Were you able to get this fixed?
Best regards,
Jordan Shannon
Hi Jordan,
Not on the Home Page, they were totally rounded before (for example, “Haz clic”) Can you help me?
Thanks in advance!
Elena
Hi,
Add this to quick css:
.avia-button{
border-radius:30px!important;
}
Best regards,
Jordan Shannon
Thank you Jordan!
And is there any way to increase the font size inside the button? I feel it is hard to read it.
Best regards,
Elena
Hi,
Try this code in the General Styling > Quick CSS field:
.avia-builder-el-36 span.avia_iconbox_title {font-size: 26px !important; }
.avia-builder-el-36 .avia-button.avia-size-large {padding: 15px 4px 13px !important;
This targets only that button with “.avia-builder-el-36” you can change or remove to suit. Also adjust font-size to suit.
Best regards,
Mike
Hi Mike!
Thank you for your reply!
How can I do this rule to apply for every button?
Best regards,
Elena
Hi Elena,
Buttons have different classes, so it might need some adjusting.
But this should work in most cases:
.avia-button {
border-radius:30px!important;
}
Best regards,
Victoria