Agent Focused Pro 2 Theme Setup

  1. Home
  2. Docs
  3. Agent Focused Pro 2 Theme Setup
  4. Extras
  5. WPForms Remove Background Color and Button Size

WPForms Remove Background Color and Button Size

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;
}