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

Taiho Contact Form SCSS

body.parent-pageid-642 { .caldera-form-page { h1 { font-size: 1.75em; font-weight: 600; border-bottom: 2px solid #cccccc; padding: 0.5em; } h2 { font-size: 1.5em; padding: 1em 0 0.5em 0; } input.btn { color: #457E63; font-weight: 600; padding: 10px; } input.btn:hover { color: #ffffff;…Continue reading

Taiho Job List CSS

h1, h2, ul.job_listings li.job_listing a div.position h3 { font-size: 2em; margin: 1em 0 0.5em 0; color: var( –e-global-color-d81a45d ); } table { th { background-color: var( –e-global-color-d81a45d ); color: #ffffff; width: 200px; text-align: left; } td { ul { margin-left:…Continue reading