Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Add Sticky Header – Astra Free

/*Make Header Sticky*/ .site-header { position: fixed; top: 0; width: 100%; } /*Adjust Content Padding*/ .site-content { padding-top: 170px; } /*Adjust Content Padding for Mobile*/ @media (max-width: 800px) { .site-content { padding-top: 100px; } /*Stick the Off-Canvas Navigation Menu –…Continue reading

Coupon Code Button

button.wpforms-field-payment-coupon-button { background-color:#028b49 !important; padding: 10px !important; } button.wpforms-field-payment-coupon-button:hover { background-color:#028b49 !important; }Continue reading

How to Customize the Labels for Image Choices – Combined effect

form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-item:hover .wpforms-image-choices-label { position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #f6f6f6; color: #333; padding: 20%; border-radius: 5px; opacity: 1; transition: opacity 0.3s ease-in-out; width: 100%; height: 100%; } form#wpforms-form-1000 .wpforms-image-choices label:hover { border: none; box-shadow: none;…Continue reading

How to Customize the Labels for Image Choices

/* Position labels over images and hide them by default */ form#wpforms-form-1000 .wpforms-field .wpforms-image-choices-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0;…Continue reading

How to Automatically Submit a Form with a Field Choice – CSS

button#wpforms-submit-3046 { display: none; } form#wpforms-form-3046 span.wpforms-icon-choices-label { font-size: 0; } ul#wpforms-3046-field_3 li label:hover, ul#wpforms-3046-field_4 li label:hover, ul#wpforms-3046-field_3 li.wpforms-selected label, ul#wpforms-3046-field_4 li.wpforms-selected label { box-shadow: none; } form#wpforms-form-3046 ul.wpforms-icon-choices .wpforms-icon-choices-item label{ margin:0 auto; padding:0; } div#wpforms-3046-field_4-container { width: 20%; float:…Continue reading

Theme Custom CSS

/*————————————- Branding and Logo Styles ————————————-*/ .site-title img { padding: 14px 0; height: 100%; } .site-header .site-title, #site-logo .site-title img.bb-logo { height: 100%; } .mobile-logo-wrapper { height: 100%; } .site-branding { padding-left: 0 !important; } /*————————————- Menu and Navigation Styles…Continue reading