Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Cat Distributor v2 css

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

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

Custom Landing Page CSS

.hero-section { text-align: center; padding-bottom: 6rem; } @media (max-width: 849px) { .hero-section { padding-bottom: 4rem; } .hero-section h1 { font-size: 38.25px; } } .pill-label { display: inline-block; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 0.9rem; border-radius: 9999px; } .icon-wrapper { background-color:…Continue reading

CSS | Background gradient + GF styles

.ib_gradient-bg { background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), radial-gradient(68% 58% at 50% 50%, #c81e3a 0%, #a51d35 16%, #7d1a2f 32%, #591828 46%, #3c1722 60%, #2a151d 72%, #1f1317 84%, #141013 94%, #0a0a0a 100%), radial-gradient(90% 75% at 50% 50%, rgba(228,42,66,0.06) 0%, rgba(228,42,66,0) 55%), radial-gradient(150% 120%…Continue reading