Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 28, 2020 at 6:03 am #1233662
    aussiedropbear

    Hi,

    I have added the following css to have the buttons rounded. However on hover the button revert back to a square edge.

    a.avia-button {
    border-radius:30px !important;
    }

    Any assistance in having both rounded would be appreciated :)

    Cheers
    John

    July 29, 2020 at 5:51 am #1233870
    Jordan Shannon

    Hey John,

    Add this to quick css:

    a.avia-button:hover {
border-radius:30px !important;
}

    Best regards,
    Jordan Shannon

    July 29, 2020 at 8:13 am #1233897
    aussiedropbear

    Thanks Jordan,

    Many thanks.

    If I add the code as below it doesn’t seem to work? But if I remove the active state and leave only the hover state it flashes briefly to the rounded state and then back to square edge; though the rounded state seems to be there but faded somewhat? The behavior can be viewed on the home page in link below. Is there perhaps a button color setting interfering with this? I have left the code as hover state for now so you can see.

    /*—————————————-
    // CSS – rounded buttons
    //————————————–*/
    a.avia-button {
    border-radius:30px !important;
    }
    a.avia-button:hover {
    border-radius:30px !important;
    }

    July 29, 2020 at 4:32 pm #1233978
    Jordan Shannon

    Hi,

    Add the following to quick css. This worked for me:

    a.avia-button {
border-radius:30px !important;
}

#top .main_color .avia-color-theme-color-highlight {
    border-radius: 30px!important;
}

    Best regards,
    Jordan Shannon

    July 29, 2020 at 11:29 pm #1234021
    aussiedropbear

    Thanks Jordan..perfect. Please close thread.

    Cheers
    John

    July 30, 2020 at 9:07 pm #1234223
    Jordan Shannon

    Hi,

    I’m happy to help. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Rounded button on hover not showing’ is closed to new replies.