Button Hover Color Won't Change


#1

Hello,

The button hover colors on the Services and Latest News widgets on my home page won’t change color. Right now it’s red and I want it to become white with black text when I hover. I’ve tried changing in customizer and it doesn’t work. Also tried several CSS codes from other similar topics- none of those worked either. I want the hover to look like it does in the Contact section widget.
Site is: https://www.memedawar.com/


#2

Hi,

You may want to try this code to change the button color when hovered:

.all-news:hover {
    background-color: white !important;
    color: black !important;
}

Regards,
Awan


#3

Awesome! Thanks, Awan.

How do I add that same effect to the contact page button?


#4

Looks like the code is already working too for the contact button


#5

I did that one separately, and unfortunately it doesn’t have a border, so on the contact page the button completely disappears when you hover.


#6

I see… add this rule to the CSS code please:

border: 1px solid black;

#7

Worked great, thanks for your help! I appreciate it.