Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

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

Fluent Booking Hidden and read only fields

/* Author: Sumaiya */ /* Des: This CSS is to hide the fields of the fluent booking form */ label#custom_appointment_id-label, label#custom_person_id-label, label#custom_tenant_id-label , label#custom_firstname-label , label#custom_firstname-label, label#custom_lastname-label, label#custom_role_id-label, label#custom_salutation_id-label, label#custom_organisation_id-label { display: none; } /* Completed */ /* Des: This…Continue reading

Predefined Classes Sections

/* variables (edit here)*/ :root { /* Global Padding Variables – Editable */ /* Left and Right Padding All /Sections/Containers*/ –fluid-side-padding-min: 1.25rem; /* 20px */ –fluid-side-padding-max: 5rem; /* 80px */ /* Top and Bottom Padding All Containers*/ –section-xxl-padding-min: 9.375rem; /*…Continue reading

verbrauchsberechner_css

h2 { text-align: center; } main, .delete { margin-left: 20px; } #img_verbrauch { float: right; margin-right: 30%; } #spar { color: red; } #gut { color: green; }Continue reading

POST FIX CSS

.ultp-sidebar-right { margin-top: 20px; } .content-area { margin-top: 20px; } .cd-theme .featured-article-large .distributor-category a { font-family: inherit!important; } .cd-theme .distributor-category a { font-family: inherit!important; } .cd-theme .distributor-category a { background: none; color: var(–global-palette1); padding: 0; border-radius: 0; font-weight: 600!important; text-decoration:…Continue reading