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

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