CSS [Vendor Archive]: Vendor Guide V2 Styles

/* Specifies max height for vendor category container with name, description and images */ .category-container { max-height: 30vh; } /* Sets styling for the first image container (left side) */ @media (min-width: 768px) { .category-description-container { overflow: hidden; } .category-description-container…Continue reading

CSS [Vendor Archive]: Vendor Guide V2 CSS Styles

/* Specifies max height for vendor category container with name, description and images */ .category-container { max-height: 30vh; } /* Sets styling for the first image container (left side) */ @media (min-width: 768px) { .category-description-container { overflow: hidden; } .category-description-container…Continue reading

WP Simple Pay: Custom Button Color

.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el) { background-color: #0b749d; } .simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):focus, .simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el):hover { background-color: #086285; }Continue reading

CSS Card Slider

/*! Product Cells ———————————————- */ .productcell { background-color: #1D1C26; margin-left: 30px; border-radius: 10px; width: 33%; text-align: center; } .productcell-img { border-radius: 10px; width: 100%; padding-top: 30px; } .productcell-content { padding: 30px; } @media (max-width: 600px) { .productcell { width: 100%;…Continue reading

CSS Page Building 101 Course

:root { –radius: 1rem; –section-block-padding: clamp(5rem, calc(5rem + ((1vw – 0.32rem) * 4.7801)), 10rem); –section-inline-padding: clamp(2.4rem, calc(2.4rem + ((1vw – 0.32rem) * 3.4417)), 6rem); –h1: clamp(2.88rem, 1.377vw + 2.439rem, 4.32rem); –h2: clamp(2.4rem, 1.147vw + 2.033rem, 3.6rem); –h3: clamp(2rem, 0.956vw +…Continue reading

Cover image groups

body.groups div#cover-image-container { margin-top: 0; border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; } body.groups #buddypress #item-header #header-cover-image.has-cover-image { border-top-right-radius: 5px !important; border-top-left-radius: 5pContinue reading

CSS [Paid Member Subscriptions & Profile Builder]: Form Styles

/* User Registration Styles */ /* Location: Registration Form */ /* Change all profile & form font to match site */ #wppb-form-style-1-wrapper *:not(.mce-ico) { box-sizing: border-box; font-family: ‘Lato’, sans-serif !important; } #pms-form-style-1-wrapper * { box-sizing: border-box; font-family: ‘Lato’, sans-serif; }…Continue reading