Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
.js-stack-cards { position: relative; height: 300vh; } .js-stack-cards .uk-container { position: sticky; top: 50%; transform: translateY(-50%); height: 400px; } /* Base style */ .js-stack-cards__item { position: absolute; top: 0; left: 0; width: 100%; border-radius: 8px; padding: 40px 20px; background: #eee;…Continue reading
/* Clean, minimal footer navigation */ .footerpageslinks { display: flex; justify-content: center; align-items: center; gap: .2rem; /* space between items */ list-style: none; margin: 0; padding: 0; font-family: var(–global-body-font, “Inter”, sans-serif); font-size: 12px; letter-spacing: 0.3px; margin-top:10px; } .footerpageslinks li {…Continue reading
html { margin-top: 0 !important; } #wpadminbar { translate: 0 -100%; } #wpadminbar:before { content: “”; position: absolute; inset: 0; translate: 0 100%; } #wpadminbar, #wpadminbar:before { transition: 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1); } #wpadminbar:hover, #wpadminbar:hover:before { translate: 0…Continue reading
h1{text-transform: none!important;} h2{text-transform: none!important;} h3{text-transform: none!important;} .ultp-block-title a{text-transform: none!important;} .site-branding .site-title { font-style: normal!important; font-weight: 500!important; font-size: 3.494rem!important; line-height: 1.2!important; letter-spacing: -0.029em!important; font-family: ‘Playfair Display’, serif!important; color: #000000!important; } /* All Mobile Sizes (devices and browser) */ @media only screen…Continue reading
/* ===================================================== WCV Vendors Login Form – Custom Styling This CSS snippet customizes the vendor registration form to improve layout, typography, colors, and button style ===================================================== */ /* Customise vendor login fields */ form#wcv-login-form .wcv-field-wrapper>input { width: 60%; height: 48px;…Continue reading
/* Hide the Google reCAPTCHA v3 badge */ .grecaptcha-badge { visibility: hidden !important; /* or: display:none !important; */ }Continue reading
/* ===================================================== 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
/* 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
.page-template-showcase-php section.recent-posts { display:none; }Continue reading
#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