Button Hover Color Won't Change

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/

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

Awesome! Thanks, Awan.

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

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

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.

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

border: 1px solid black;

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

1 Like