Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Footer Page Liinks Horizontal CSS

/* 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

hide_wp_adminbar.css

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

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

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