WPForms Background Color
You can remove the background-color from WPForms in the Footer 2 Widget area.
Add this to Appearance > Customize > Additional CSS
You will need to change "color" probably to #fff, and background-color to whatever you want or transparent. This will depend on the color you chose for the Footer.
/* Remove background on WPForms */
.wpforms-widget {
background-color: #fff;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
color: #111;
}
.footer-widgets .wpforms-widget .widget-title {
color: #111;
}
/* End WPForms */
So you may need changes like this:
/* Remove background on WPForms */
.wpforms-widget {
background-color: transparent;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
color: #fff;
}
.footer-widgets .wpforms-widget .widget-title {
color: #fff;
}
/* End WPForms */
WPForms Button Size
WPForms Submit Button gets large on Hover. You can keep it the same size.
Go to Appearance > Customize > Additional CSS and add:
/* WPForms Button Size */
.site-container div.wpforms-container-full .wpforms-form button[type=submit]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type=submit]:active,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover {
width: auto;
}