Hi everyone,
i’m using the button “avia-color-light” and there appears to be an issue when hovering:
the Button is framed white, but it gets framed “double” when hovering. I would describe it as “the clickable frame” of the button.
Wether i change background / font color / border color, doesn’t make a difference…
Here is a link where u can see the issue (on hover): https://ibb.co/JygzHp8
Did anyone had the same issue already or could someone please give me a hint on how to solve this?
Thanks in advance!
Hey Andrea,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hello, of course, sending it in the private content,
regards,
andrea
Hi,
Thanks for the login details. I’m not sure on which page we can see the button in question though?
Best regards,
Rikard
Hi, yes of course!
Details in the Private Content!
Thanks in advance!
Regards,
Andrea
Hi,
Thanks for that. I can’t see exactly what is going wrong there, but this CSS looks to be part of the problem at least:
#top .avia-button.avia-color-light {
border-width: 1px !important;
border-radius: 0px!important;
background: none!important;
font-size: 16px;
letter-spacing: 0.04em;
}
Could you try removing all custom CSS you have added which affects the buttons, and then add it back block by block, to see what is causing the problem please?
Best regards,
Rikard