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 */ /* Form Titles */ .title-beneath .meta-wrap { padding-bottom: 0; } #pms-form-style-1-wrapper .pms-account-details-title, #pms-form-style-1-wrapper .pms-subscriptions-list-title { margin-left: 0; } /* Form Containers */ #pms-form-style-1-wrapper .pms-upgrade__message, #pms-form-style-1-wrapper h3 { margin-bottom: 25px !important;…Continue reading

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

/* Location: Account */ /* Account > Navigation Links */ #pms-form-style-3-wrapper .pms-account-navigation ul li.pms-account-navigation-link:not(.pms-account-navigation-link–logout) a:hover, #pms-form-style-3-wrapper .pms-account-navigation ul li a.pms-account-navigation-link–active { color: #000; } /* Button Style */ /* Next & Previous Buttons */ #wppb-form-style-3-wrapper input[type=”button”].wppb-msf-next, #wppb-form-style-3-wrapper input[type=”button”].wppb-msf-prev, #wppb-form-style-3-wrapper input[type=”submit”]…Continue reading

WP Simple Pay – Increase Input Font Size

.simpay-styled .simpay-form-control input[type=date], .simpay-styled .simpay-form-control input[type=time], .simpay-styled .simpay-form-control input[type=datetime-local], .simpay-styled .simpay-form-control input[type=week], .simpay-styled .simpay-form-control input[type=month], .simpay-styled .simpay-form-control input[type=text], .simpay-styled .simpay-form-control input[type=email], .simpay-styled .simpay-form-control input[type=url], .simpay-styled .simpay-form-control input[type=password], .simpay-styled .simpay-form-control input[type=search], .simpay-styled .simpay-form-control input[type=tel], .simpay-styled .simpay-form-control input[type=number], .simpay-styled .simpay-form-control select, .simpay-styled…Continue reading

GRAVITY // CSS // Validation

.gfield_description.validation_message.gfield_validation_message { color: #393EFF; } @media (max-width: 767px) { .gfield_description.validation_message.gfield_validation_message { text-align: center; } }Continue reading