Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2020 at 1:00 pm #1212601
    sitesme

    Hello

    I can not find the option to change the colour for the background hover effect on a regular button.
    Full-width buttons have two options for background and hover background but regular buttons only have the background option.
    Is there a way to enable the background hover option or is this a theme restriction?

    I found a code that can be used to change a particular button (by using the ID) but I would like to apply one rule to all avia buttons just for the hover effect. Is this possible using CSS?

    Thank you

    May 17, 2020 at 2:23 am #1213690
    Mike

    Hey sitesme,
    Sorry for the late reply, this css will change the hover color of all buttons

    #top #wrap_all #main .avia-button:hover {
	background-color: #777777 !important;
    color: #fff !important;
}

    Please adjust to suit, then clear your browser cache and check.

    Best regards,
    Mike

    May 17, 2020 at 8:43 am #1213766
    sitesme

    Thank you @Mike.
    This worked as expected.

    We were using this code before, to apply to a single button only:

    .avia-button {border: none !important;}
.button-2 a:hover {background-color: #189677 !important;}

    If we need to apply a different background colour to one or two buttons on the website (by changing them individually) will something like the above works, while keeping the general rule that you gave me at the same time?

    Thank you

    May 17, 2020 at 12:29 pm #1213789
    Mike

    Hi,
    Glad that helped, but to override this for a single button with the custom class “button-2” you will need to be more specific in your CSS Specificity, like this:

    #top #wrap_all #main #custom-id-section .avia-button.button-2:hover {
	background-color: #efefef !important;
    color: #000 !important;
}

    note the section custom ID in the rule #custom-id-section.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.