site_wide_header - WPCode Library

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

How to Move to the Next Page Automatically

/** * Navigate to the next page automatically * * @link https://wpforms.com/developers/how-to-move-to-the-next-page-automatically/ */ function wpf_dev_automatic_next_page( ) { ?>Continue reading

Google Analytics – Good Question

window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag(‘js’, new Date()); gtag(‘config’, ‘G-DB0MPN4KEG’);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

Meta Pixel Code

chimp popup

Critical CSS

add_filter( “jetpack_boost_has_feature_cloud-critical-css”, ‘__return_false’ );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