### [How to Disable the Opacity on Form Submission](https://wpforms.com/developers/how-to-disable-the-opacity-on-form-submission/)

**Published:** August 10, 2023
**Author:** Editorial Team

**Excerpt:** This snippet will show you how to disable the opacity that appears on the form and submit button when you submit. 

**Content:**

## Overview

Do you want to disable the opacity effect during form submissions? With a concise CSS snippet, you can swiftly disable the opacity that becomes apparent when the form is being submitted.

By default, when you submit a form, the form and **Submit** button will have a slight opacity.

![there is a slight opacity on the form and submit button when the form is submitted by default styling](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-before.jpg)

This tutorial will walk you through the process, making it effortless to eliminate the opacity and enhance the user experience. Let’s proceed and make your forms more visually seamless!

## Adding the snippet

Now it’s time to add the snippet to your site. If you need help with how to add snippets to your site, [please review this tutorial](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "How to Add Custom CSS Styles for WPForms").

```

div.wpforms-container-full, button[id^="wpforms-submit"]
{
	opacity:1 !important;
}
```

Now when the form submits, your visitors will see that the opacity has been disabled.

![now this snippet will disable the opacity](https://wpforms.com/wp-content/uploads/2023/08/wpforms-disable-opacity-after.jpg)

And that’s all you need to disable the opacity. Would you like to add some animation effects to your page breaks inside your forms? Take a look at our tutorial on [How to Add Animation Effects to Page Break Transitions](https://wpforms.com/developers/how-to-add-animation-effects-to-page-break-transitions/ "How to Add Animation Effects to Page Break Transitions").

**Categories:** Snippets

**Tags:** CSS

---