Tagged: full width button
Hello,
I’m having some trouble with the hover state on some full width buttons. When you hover over certain spots on the text the button disappears completely. I tried to find the CSS causing this, but I didn’t have any luck. Can you help me with this?
Thanks,
Jesse
Hi jesseaborden!
Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab
a.avia-button.avia-button-fullwidth:hover {
color: #507210!important;
}
Best regards,
Yigit
Thanks for your help!
I added it and it didn’t seem to do the trick. I left the code in so you can take a look.
– Jesse
Hey!
Replace the selector that Yigit provided with
#top .avia-button-fullwidth:hover .avia_button_background
and let us know if that helps out more.
Thanks a lot
Cheers!
Basilis
There’s still a spot that when hovered over, make the entire button almost disappear.
Hi,
I got a 404 page when going to the page you linked, did you remove it?
Best regards,
Rikard
Sorry a co-worker moved the page. I’ve attached the new link.
Hi!
I do not see a background added to the hover, so when hover it makes it a bit lighter.
What do you want it to be?
Cheers!
Basilis
Ok cool. I see that I just didn’t add the background hover. Sorry for the trouble!
– Jesse