Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Archives: Snippets

CSS for Countdown Timer text

html div#om-{{id}} .{{ns}}-CountdownElement–wrapper .{{ns}}-days .unit-days, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-hours .unit-hours, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-minutes .unit-minutes, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-seconds .unit-seconds { display: none; } html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-days:after { content:’DAYS’; display: block; font-size: 13px; } html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-hours:after {…Continue reading

Disable Inspector Tabs

add_filter( ‘block_editor_settings_all’, function ( $settings ) { if ( ! isset( $settings[‘blockInspectorTabs’] ) ) { $settings[‘blockInspectorTabs’] = array(); } $settings[‘blockInspectorTabs’] = array_merge( $settings[ ‘blockInspectorTabs’ ], array( ‘default’ => false, // Disables for all blocks. ), ); return $settings; } );Continue reading

Setting the Default Address Scheme to International

/* * Change the scheme for the address field * * @link https://wpforms.com/developers/how-to-set-the-address-default-scheme-to-international */ function wpf_dev_field_new_default( $field ) { // default scheme set to international if ($field[ ‘type’ ] === ‘address’) { $field[ ‘format’ ] = ‘international’; $field[ ‘scheme_selected’ ]…Continue reading

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 { margin-left: auto; margin-right: auto; max-width: 300px; margin-bottom: 15px; position: relative; } #wpforms-form-697 .wpforms-field input, #wpforms-form-697 .wpforms-field textarea { position: relative; display: block; width:…Continue reading

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/ */ function wpf_dev_display_field_before( $field, $form_data ) { // Only run this snippet on form ID 697 if ( absint( $form_data[ ‘id’ ] ) !== 697…Continue reading

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: relative; min-height: 65px; padding: 15px 10px 10px 15px !important; } .floating textarea { position: relative; min-height: 200px; padding: 35px 15px 15px 15px !important; }…Continue reading

Overwriting Entries From Users Who Have Already Submitted a Form

/* * Remove all user entries before saving the entry – this is for all forms. * * @link https://wpforms.com/developers/how-to-overwrite-entries-from-users-who-have-already-submitted-a-form/ */ function remove_all_before_entry_save( $fields, $entry, $form_id ) { //get the current user’s user ID $user_id = get_current_user_id(); //check if the…Continue reading