How can I change home 2nd button color same as the default one?

Shapely
1

Hey there!

I tried to use an old code that someone received when asked the same thing as me, but this didn’t work for me.

Can someone help me achieve this?

Here goes my url http://www.dktmulher.com.br/wordpress/

(I want the left button similar to the right, also the grey color on rollover)

Images attached.

Best regards,
Johnny

2

hey there

Please add this CSS in appearance - customize - additional CSS

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
background: #bfbfbf;
border-color: #bfbfbf;
color: #fff;
}
.btn-white, .image-bg .btn, .image-bg .btn:visited {
color: #fff;
border-color: #db2528 !important;
background: #db2528 !important;
}

Thanks!
Colorlib Support Team

3

Hey Noda!

Thanks for your support.

As you can see here http://www.dktmulher.com.br/wordpress/ with your code the normal color look great! similar to the right (red). But the hover effect aren’t grey as the right button.

I tried to check the colors code that you added, looks everything right, but the hover are still red with low transparence. Maybe you can help me find what is causing this?

Thanks a lot!

Johnny

4

Hi there

Lets modify your code little bit :slight_smile:

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
background: #bfbfbf !important;
border-color: #bfbfbf !important;
}

5

Perfect! you are my hero! hahahah

Btw I had to add on your code the text color number. See below.

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
background: #bfbfbf !important;
border-color: #bfbfbf !important;
color: #fff;
}

Thank you so much for the support!

Have a nice day!
Johnny

6

You are welcome Johnny, thank you :slight_smile:
is there anything else?

7

At the moment is ok. If I find any other kind of problem I come back here.

Cya!

8

You are welcome :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions Thanks!