Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1107559

    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!

    #1107611

    Hey pantoni,

    Add this to quick css:

    .avia-button{
    border-radius:0px!important;
    padding:20px!important;
    }

    Best regards,
    Jordan Shannon

    #1107884

    Thanks Jordan!

    #1107886

    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!

    #1108018

    Hi,

    Add this to quick css:

    a.avia-button:hover{
    background:#000!important;
    border:#000!important;
    }

    Best regards,
    Jordan Shannon

    #1108119

    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.

    #1108202

    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

    #1108224

    Brilliant help as always – thank you so much!
    :)

    #1108225

    Hi,

    You are welcome :) Let us know if you have any other questions or issues!

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change Avia Button Shape –’ is closed to new replies.