Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 30, 2021 at 2:28 am #1308016
    aussiedropbear

    HI support,

    I have a full-width button with a colour change on hover however I notice when the mouse cursor moves over text on the button the hover colour disappears?

    The button can be found within a tabbed section under ‘vehicles’ on the on the home page.

    I presently have the following Quick CSS for the button states.

    
/* Button background */

.avia-button {
	background: #154161 !important;
}

/* Background on hover */
.avia-button:hover {
    background-color: #257fc7 !important;
}

    Many thanks
    John

    July 1, 2021 at 11:46 am #1308299
    Ismael

    Hey John,

    Thank you for the inquiry.

    Try to apply the hover state in the avia-button-wrap container instead of the button. Or replace the css code with the following.

    
/* Background on hover */
.avia-button-wrap:hover .avia-button {
    background-color: #257fc7 !important;
}

    Best regards,
    Ismael

    July 2, 2021 at 2:08 am #1308425
    aussiedropbear

    Thanks Ismael,

    I ended up using your CSS code which has done the trick.

    Many thanks
    John

    July 3, 2021 at 5:41 am #1308558
    Rikard

    Hi John,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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