Creating Multi-Column Form Layouts With CSS Classes

/* Multi-column layout with conditional fields Original doc link: https://wpforms.com/docs/how-to-create-multi-column-form-layouts-in-wpforms/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-conditional-hide { display: block !important; height: 0 !important; padding: .01px !important; } .wpforms-conditional-hide * { visibility: hidden !important; }Continue reading

WPForms Login Page Redirect

/* Modify the login URL to redirect to a custom login page. Original doc link: https://wpforms.com/how-to-create-a-custom-login-form-for-improved-site-branding/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ function sulliesflowers_custom_login_url( $login_url, $redirect, $force_reauth ) { // Change here your login page url $login_url = ‘https://sulliesflowers.com/login/’; if…Continue reading

Custom drag and drop

function enqueue_admin_reorder_scripts() { global $pagenow; // Ensure the script is not loaded on the plugins page if ($pagenow !== ‘plugins.php’) { wp_enqueue_script(‘jquery-ui-sortable’); wp_add_inline_script(‘jquery-ui-sortable’, ‘ jQuery(document).ready(function($) { var $sortableList = $(“#the-list”); var postType = $(“body”).attr(“class”).match(/post-type-([^\s]+)/)[1]; $sortableList.sortable({ update: function(event, ui) { var…Continue reading

Untitled Snippet

$u_time = get_the_time( ‘U’ ); $u_modified_time = get_the_modified_time( ‘U’ ); // Only display modified date if 24hrs have passed since the post was published. if ( $u_modified_time >= $u_time + 86400 ) { $updated_date = get_the_modified_time( ‘F jS, Y’ );…Continue reading

AJAX Grid Search (single grid)

document.addEventListener(‘DOMContentLoaded’, function () { const searchInput = document.querySelector(‘#gridSearch input[type=”text”]’); const searchForm = document.querySelector(‘#gridSearch form’); // Adjust if your search is within a form const gridResults = document.querySelector(‘.grid-results’); // The container that will display search results // Disable form submission to…Continue reading

AJAX Grid Search (multiple grids)

document.addEventListener(‘DOMContentLoaded’, function () { const searchInput = document.querySelector(‘#gridSearch input[type=”text”]’); const searchForm = document.querySelector(‘#gridSearch form’); // Adjust if your search is within a form const initialGrid = document.querySelector(‘.initial-grid’); // The initial content to hide when searching const gridResults = document.querySelector(‘.grid-results’); //…Continue reading