Full width button color on hover

luca423 · October 2018

Dear BeTheme Support Theme,

I have a problem with the buttons on (link removed) that I need your help with. The full width buttons as seen on this screenshot (https://imgur.com/a/E5coPiy) are fine, but have a grey gap when hovered over (lower right button on the screenshot). The non-full width buttons are working fine.

Thanks in advance for your help.

Best regards,
Luca

Bryan · October 2018

Hi Luca,

this is all your custom css, we disabled it and it works fine.

thanks

luca423 · October 2018

It seems to be this line, which i now removed:

a.button:hover span {
background: #f3ca44 !important;

}

Now the hover color of the button is grey instead of yellow. Can you help me to modify the above CSS line to also make it work with full width buttons?

Thanks

Pablo · October 2018

Hi,

You can manage it with this Code:

.button-stroke a.button:hover.button.button_stroke_custom,
.button-stroke a.button:hover.tp-button.button_stroke_custom{
	background-color:red !important;
	color:blue !important;
}

Thanks

luca423 · October 2018

Thanks Pablo, this code fixed it.

Full width button color on hover

Comments