Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

SurveyVista – Styles

/* Modal Backdrop */ .modal { display: none; position: fixed; z-index: 10001; /* Z-index of a modal */ left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); } /* Modal Box Centered */ .modal-content…Continue reading

Untitled Snippet

/* Hebrew Fonts Import */ @import url(‘https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700;800&family=Frank+Ruhl+Libre:wght@300;400;500;700;900&display=swap’); /* Approach Section Styles */ .approach-section { direction: rtl; text-align: right; } /* Fonts */ .font-assistant { font-family: ‘Assistant’, sans-serif; } .font-frank { font-family: ‘Frank Ruhl Libre’, serif; } .font-mono { font-family: ‘Courier…Continue reading

Hide AMEX Logo

/* Custom CSS to hide the Amex logo using clip-path (Option 2) */ body #wfacp-e-form .wfacp_main_form.woocommerce #payment ul.payment_methods li label img[src*=”scheme.svg”] { /* clip-path: inset(top right bottom left); */ /* This clips 0px from top/bottom/left, and 34px from the right.…Continue reading

POST FIX CSS

.geo-search-input-wrapper { padding: 8px 0px!important; } .geo-search-submit { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } .geo-kadence-combined-search{ background: #f3f4f6; border: 1px solid rgb(229, 231, 235); border-radius: 8px; padding: 0px; } .content-area { margin-top: 20px; margin-bottom: 0px; } /* All Mobile Sizes (devices and…Continue reading

Custom logo in the dashboard above the menu

#adminmenu:before { content: “”; display: block; background: url(https://nital.noovola.cloud/wp-content/uploads/2024/04/Screenshot-2024-04-08-alle-14.33.28.png) no-repeat center center; background-size: contain; width: 100%; height: 100px; margin-bottom: 10px; }Continue reading

CSS Grid System for Divi or Elementor

:root { –reflex-columns: 12; –reflex-grid-spacing: 15px; –reflex-xs: 576px; –reflex-sm: 768px; –reflex-md: 992px; –reflex-lg: 1200px; –reflex-xlg: 1600px; –reflex-xxs-max: 575px; –reflex-xs-max: 767px; –reflex-sm-max: 991px; –reflex-md-max: 1199px; –reflex-lg-max: 1599px; /* Base spacing scale */ –space-0: 0; –space-1: 0.25rem; –space-2: 0.5rem; –space-3: 1rem; –space-4:…Continue reading

CSS Grid System

:root { –reflex-columns: 12; –reflex-grid-spacing: 15px; –reflex-xs: 576px; –reflex-sm: 768px; –reflex-md: 992px; –reflex-lg: 1200px; –reflex-xlg: 1600px; –reflex-xxs-max: 575px; –reflex-xs-max: 767px; –reflex-sm-max: 991px; –reflex-md-max: 1199px; –reflex-lg-max: 1599px; /* Base spacing scale */ –space-0: 0; –space-1: 0.25rem; –space-2: 0.5rem; –space-3: 1rem; –space-4:…Continue reading

Order Confirmation Page

/* Simple order confirmation */ .ag-simple-thankyou{ max-width: 800px; margin: 0 auto; padding: 80px 20px; text-align: center; } .ag-simple-thankyou .ag-ty-line{ font-size: 20px; line-height: 1.6; margin: 0 0 12px; color: #111; } .ag-simple-thankyou a{ text-decoration: underline; font-weight: 600; color: inherit; } /*…Continue reading

Custom Checkout.css

.readonly-field { background:#f2f2f2 !important; color:#666 !important; } /* ======================================== CHECKOUT BREADCRUMBS — Exact Styling Fix ======================================== */ .checkout-header h1 { font-size: 24px !important; } .checkout-header { font-size: 14px !important; } body.woocommerce-checkout .checkout-breadcrumb { display: flex; align-items: center; margin-bottom: 2rem; font-size:…Continue reading

CSS snipett

/* ===== VCLIP MEDIA CLONE – GLOBAL STYLES ===== */ :root { –primary: #2D5BE3; –primary-dark: #1A48C1; –secondary: #FF6B35; –dark: #1A1A2E; –light: #F8F9FA; –gray: #6C757D; –white: #FFFFFF; –shadow: 0 10px 30px rgba(0, 0, 0, 0.08); –radius: 10px; –transition: all 0.3s ease;…Continue reading