Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Cat Distributor v2 css

/* ================================ CATEGORY DISTRIBUTOR UNIFIED THEME ================================ */ .cd-theme { max-width: 100%; margin: 0; } /* ———- Section Headings ———- */ .cd-theme .section-heading { font-size: 24px; font-weight: 700; margin: 40px 0 20px; color: #000; border-bottom: 3px solid #000; padding-bottom: 10px;…Continue reading

HosaEna Header Solid Transition

(function(){ const header = document.querySelector(‘.site-header’); function setSolidByScroll(){ if(!header) return; if(window.scrollY > 50){ header.classList.add(‘he-solid’); } else { header.classList.remove(‘he-solid’); } } window.addEventListener(‘scroll’, setSolidByScroll, {passive:true}); document.addEventListener(‘DOMContentLoaded’, setSolidByScroll); if(header){ header.addEventListener(‘mouseenter’, ()=> header.classList.add(‘he-solid’)); header.addEventListener(‘mouseleave’, ()=> setSolidByScroll()); } })();Continue reading

In Control Common JS

function isReady(reference) { switch(reference) { case ‘document’: if(window.document && window.document.body) return true; break; case ‘fancybox’: if(typeof(window.Fancybox) != ‘undefined’) return true; break; } return false; } function allReady() { var dependencies = Array.from(arguments); dependencies.unshift(‘document’); return dependencies.every(isReady); } function waitFor() { if(arguments.length…Continue reading

How to Style the WC Vendors Signup Form

/* ===================================================== WCV Vendors Signup Form – Custom Styling This CSS snippet customizes the vendor registration form to improve layout, typography, colors, and button style ===================================================== */ /* Add another column */ form#wcv-registration-form { column-count: 2; column-gap: 64px; } /*…Continue reading

Logo Scroll Shrink (CSS)

/* Prevent transition flicker during measurement */ header.sticky-header.no-anim { transition: none !important; } /* Transforms */ header.sticky-header .logo img, header.sticky-header.elementor-sticky–effects .tagline, header.sticky-header, header.sticky-header #schedule-service-btn { transition: transform 0.25s ease; } /* Optional element scales */ header.sticky-header.scrolled .logo { transform: scale(0.7);…Continue reading

RC_CSS

#sv-calc.sv-wrap { –ink:#0f172a; –muted:#475569; –line:#e2e8f0; –brand:#0ea5e9; –ok:#10b981; } #sv-calc { font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial; color:var(–ink); max-width:720px; } #sv-calc h2 { font-size:1.5rem; margin:0 0 .75rem; } #sv-calc form { border:1px solid var(–line); border-radius:12px; padding:16px; background:#fff; } #sv-calc…Continue reading