Displaying Shortcodes Inside Form Label Fields
/** * Run shortcodes on the form label field. * * @link https://wpforms.com/developers/how-to-display-shortcodes-inside-the-label-of-the-form-field/ */ function add_shortcode_to_label(…
How to Customize the Labels for Image Choices - Combined effect
form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-item:hover .wpforms-image-choices-label { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #f6f6f6; color:…
How to Create a Form With Floating Labels
/** * Remove the field label from the top of the field * * @link https://wpforms.com/developers/how-to-create-a-form-with-floating-labels/…
How to Disable Browser Autocomplete for Form Fields - all fields
/** * Disable form autocomplete for all fields on a specific form * * @link https://wpforms.com/developers/disable-browser-autocomplete-for-form-fields/…
How to Change the Captcha Theme on Google Checkbox v2 reCAPTCHA
/** * Change the captcha theme for the Google Checkbox v2 reCAPTCHA * * @link https://wpforms.com/developers/how-to-change-the-captcha-theme-on-google-checkbox-v2-recaptcha/…
How to Disable Browser Autocomplete for Form Fields - specific fields
/** * Disable autocomplete for a specific form and field ID * * @link https://wpforms.com/developers/disable-browser-autocomplete-for-form-fields/ */…
How to Customize the Rich Text Field TinyMCE Icons
/** * Customize Rich Text Field TinyMCE buttons for top toolbar. * * @link https://wpforms.com/developers/how-to-customize-the-rich-text-field-tinymce-icons/ */…
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:…
How to Add an Input Mask to the International Postal Code
/* * Custom input mask for the address field's international scheme. * * @link https://wpforms.com/developers/how-to-add-an-input-mask-to-the-international-postal-code */…
How to Automatically Submit a Form with a Field Choice
/** * Trigger submit from checkbox click * * @link https://wpforms.com/developers/how-to-automatically-submit-a-form-with-a-field-choice/ */ function wpf_dev_automatic_submit_form( ) {…
How to Automatically Submit a Form with a Field Choice - CSS
button#wpforms-submit-3046 { display: none; } form#wpforms-form-3046 span.wpforms-icon-choices-label { font-size: 0; } ul#wpforms-3046-field_3 li label:hover, ul#wpforms-3046-field_4 li…
Restricting Address Autocomplete to a Specific Country
This snippet is used to modify the default behavior of the address autocomplete feature in WPForms.…