Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #567341

    Hi Sir, I want to set the button hover background color and I refer this link:

    https://kriesi.at/support/topic/button-remove-background/

    But the effect is not I want, I set the background color #009ee1, but the actual effect is #45b6e6. I know maybe because of the transparent, but I don’t know how to remove the transparent.

    Following is the code I used:

    .transparent-button a.avia-button {
        color:#009ee1 !important;
        background: transparent !important;
        border: 2px solid #009ee1 !important;
    }
    
    .transparent-button .avia-button:hover {
        color: #ffffff !important;
        background-color: #009ee1 !important;
        background:RGBA(0,158,225,1) !important;
        border: 2px solid #009ee1 !important;
    }
    #567370

    Hey jarred!

    Please remove the values:
    background:RGBA(0,158,225,1) !important;
    and let us know if that works as you need it to

    Best regards,
    Basilis

    #567728

    Hi Basilis,
    I have removed the code, but there is not any change.
    best regards,
    Jarred

    #568368

    Hi,

    Try the following as well please:

    .avia-button.avia-color-dark:hover {
        opacity: 1 !important;
    }

    Best regards,
    Rikard

    #568472

    Hi Rikard,
    Thank you so much, it works!
    best regards,
    Jarred

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to remove button hover background color transparent’ is closed to new replies.