How to change Squeeze Form background color?

[GoWithThat]

I need to change the background color of squeeze form because the text is too dark on top of the dark grey background. The grey background behind the button and the agree to terms text. gowiththat.com/donate

[admin]

What color do you want to change it to? I can then give you the necessary CSS tweaks for it.

[GoWithThat]

maybe something a little lighter… like #b2b2b2

[admin]

Try the following CSS tweak:

.sdm_sf_tpl_0_form {
background-color: #b2b2b2;
border-color: #b2b2b2;
}

You can add this custom CSS code in the following interface of your site:

Appearance -> Customize -> Additional CSS

[GoWithThat]

I tried that but it did not change anything. It had no effect.

[admin]

Looks like you are using W3 Cache plugin. So definitely try to empty the cache first then check it again.

[GoWithThat]

No luck. I deactivated and deleted the cache plugin altogether, but changes still aren’t applied.

[admin]

At least the CSS is showing there now (in the HTML code) so the caching issue is gone. Now, the CSS you entered has an error which needs to be corrected.

You have the “!important” tag AFTER the semi-colon which is wrong. The correct syntax is the following. So update your CSS code with the following.

.sdm_sf_tpl_0_form {
background-color: #b2b2b2 !important;
border-color: #b2b2b2 !important;
}

[GoWithThat]

Yep! That fixed it! Thanks!

[Author]

Posts