Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

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

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