Flawless Websites Courses

Know-How for building Flawless Websites.

Forminator is an excellent WordPress forms plugin. Follow these steps to remove the default shadow hover effect on a forms submit button.

 

  1. Login to your WordPress site admin.
  2. Go to Forminator Pro > Forms
  3. Click to edit a form.
  4. Click the Appearance link (top-left).
  5. Scroll down and click the Enable Custom CSS toggle button.
  6. Paste the CSS code (see below) into the custom CSS field.
  7. Click the Update button (top-right) to save your edits.
  8. Click the Preview button (top-right) to preview the form.

The CSS Code:
button.forminator-button.forminator-button-submit {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

Code for Forms That Use Page Breaks

Forminator has a “Page Break” module that can be inserted into a form to break form content into seperate “page” steps. Use the code below to remove the shadow on “Back” and “next” buttons that appear on form break screens.

The CSS Code:
button.forminator-button.forminator-button-submit, button.forminator-button.forminator-button-next, button.forminator-button.forminator-button-back {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}

Enjoy!