pmpro_level_name_text color and size

/* Target the membership level heading */ .pmpro_level_name_text { font-size: 32px; /* Set the desired font size */ color: #606060; /* Set the text color to dark grey */ margin-top: 25px; /* Set the top margin (adjust as needed) */…Continue reading

CSS [Vendor Archive]: Vendor Guide V2 Styles

/* Specifies max height for vendor category container with name, description and images */ .category-container { max-height: 35vh; } /* Sets styling for the first image container (left side) */ @media (min-width: 768px) { .category-description-container { clip-path: polygon(100% 0%, 5%…Continue reading

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