Remove Button Shadow In Forminator Forms

Forminator is an excellent free WordPress forms plugin. The Pro version adds a bunch of cool features.

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!