Home Admin

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/924zpk4o.js/"></script>

Using the “Include Form Styling” Setting

With the Base styling only setting in place, multi-column layouts will generally not function properly. To fix this, you’ll need to either switch back to the Base and form theme styling option or add the following CSS to your site:

WPForms Team PRO

50+

Code Preview

Comments

css


	`/*`
	`When using Base styling and multi-column, use this CSS to correct the column layout.`

	`Original doc link: https://wpforms.com/docs/how-to-choose-an-include-form-styling-setting/`

	`For support, please visit: https://www.facebook.com/groups/wpformsvip`
	`*/`

	`.wpforms-field {`
	`clear: both !important;`
	`}`

Other Snippets by Author

Assign User Role Conditionally in WordPress

This snippet works with WPForms and the User Registration Add-on. It lets you assign user roles…

Preview Use Snippet

WPForms Team PRO

<10

Generate and Send Invoice Number to Authorize.Net

This snippet generates and sends a unique invoice number to Authorize.Net for completed payments in WPForms

Preview Use Snippet

WPForms Team PRO

<10

Setting the Default Address Scheme to International

This snippet is used to update the default behavior of the Address field in WPForms. This…

Preview Use Snippet

WPForms Team PRO

<10

Adding Material Design to Your Form Fields Using CSS

#wpforms-form-697 { float: left; width: 100%; text-align: center; margin: 30px auto 30px auto; } #wpforms-form-697 .wpforms-field…

Preview Use Snippet

WPForms Team PRO

<10

How to Add Material Design to Your Form Fields Using CSS

/** * Move label position from above form field to below * * @link https://wpforms.com/developers/how-to-add-material-design-to-your-form-fields-using-css/ */…

Preview Use Snippet

WPForms Team PRO

<10

Creating a Form With Floating Labels

form#wpforms-form-1682 { position: relative; } form#wpforms-form-1682 .floating label:nth-of-type(2) { display: none; } .floating input { position:…

Preview Use Snippet

Embed Snippet on Your Site

Using the “Include Form Styling” Setting

Comments

Add a Comment Cancel Reply