Overriding the color on back button

Hi @ethanhillnc,

If you didn’t change the “Button HTML class” option in widget’s settings, then the default classes are either alg_back_button_simple or alg_back_button_input (depending on what you’ve selected in our widget’s “Button type” option), so please try either:

.alg_back_button_simple { background-color: #fbfbf8 !important; }

or

.alg_back_button_input { background-color: #fbfbf8 !important; }

Please let me know if that helps.

• This reply was modified 3 years, 10 months ago by Algoritmika.

That’s it! Thank you so much!

Hi @ethanhillnc,

Happy to help ?? Please let me know if you need anything else. And if you like the plugin, please consider leaving me a rating.

Hello,

I’m having the same problem. I try the same codes and it didn’t work for me.

Thanks,

Mimi

Hi @nanajo,

Could you please post the link to your site, so I could take a look at what’s going on? If you wish to do it privately, you can send it to [email protected]

Hi,

Here’s the link of my site.

https://stylishandspiritual.com/

I was able to change the background and text color. I just can’t figure out how to change the back background color when you hover on the buttons.

Thanks

@nanajo,

To change the button’s background color on hover, you need to add this to “Customize > Additional CSS”:

.alg_back_button_input:hover { background-color: #ff0000 !important; }

Please let me know if that solves it.

No, it didn’t work.

Hi @nanajo,

Sorry for the late reply.

Hmm… That’s odd… Where exactly is your button located on your page? I’ve checked https://stylishandspiritual.com/, but I don’t see the “Back” button anywhere?