Hi guys
i need to target the BUTTON items on this page (and globally), to remove the curved corners and go square. Plus adjust the height of the buttons so they are chunkier. Is this possible?
Thanks!
Hey pantoni,
Add this to quick css:
.avia-button{
border-radius:0px!important;
padding:20px!important;
}
Best regards,
Jordan Shannon
Thanks Jordan!
Actually discovered I didn’t need the custom code in the end – as was configurable in Enfold Styling settings!
One query though, for the Page below, the pink Avia buttons, there is no setting in that element to add a hover color state – is there any way of doing this?
Thanks!
Hi,
Add this to quick css:
a.avia-button:hover{
background:#000!important;
border:#000!important;
}
Best regards,
Jordan Shannon
Thanks Jordan
That works well. One tiny issue – when hovering over the button, the content below jumps up a pixel or two. Looks like the hover state button height is slightly less than the default height?
Thank you.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.avia-button {
border: none!important;
}
Best regards,
Yigit
Brilliant help as always – thank you so much!
:)