Coupon Code Button

button.wpforms-field-payment-coupon-button { background-color:#028b49 !important; padding: 10px !important; } button.wpforms-field-payment-coupon-button:hover { background-color:#028b49 !important; }Continue reading

How to Customize the Labels for Image Choices

/* Position labels over images and hide them by default */ form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0;…Continue reading

Split Full Name at Checkout

document.addEventListener(‘DOMContentLoaded’, function () { // Select the First Name field var firstNameField = document.querySelector(‘#billing_first_name’); var lastNameField = document.querySelector(‘#billing_last_name’); if (firstNameField) { firstNameField.addEventListener(‘change’, function () { var fullName = firstNameField.value.trim(); var nameParts = fullName.split(‘ ‘); // Extract First Name and Last…Continue reading

Theme Custom CSS

/*————————————- Branding and Logo Styles ————————————-*/ .site-title img { padding: 14px 0; height: 100%; } .site-header .site-title, #site-logo .site-title img.bb-logo { height: 100%; } .mobile-logo-wrapper { height: 100%; } .site-branding { padding-left: 0 !important; } /*————————————- Menu and Navigation Styles…Continue reading

Javascript: Image generator V5

document.addEventListener(“DOMContentLoaded”, () => { console.log(“[Unified Workflow] Initializing…”); const CONFIG = { ELEMENTS: { generateBtn: document.getElementById(“generate-button”), creativeInput: document.getElementById(“wpforms-3650-field_1”), aspectRatioSelect: document.getElementById(“wpforms-3650-field_5”), artStyleSelect: document.getElementById(“wpforms-3650-field_31”), styleSelect: document.getElementById(“wpforms-3650-field_50”), colorSelect: document.getElementById(“wpforms-3650-field_51”), lightningSelect: document.getElementById(“wpforms-3650-field_52”), framingSelect: document.getElementById(“wpforms-3650-field_53″), serviceSelect: document.querySelectorAll(‘#wpforms-3650-field_34 input[type=”checkbox”]’), costDisplay: document.getElementById(“cost-display”), creditsMessage: document.getElementById(“credits-message”), statusMessage: document.getElementById(“status-message”), imageOutput: document.getElementById(“image-output”),…Continue reading