Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Remove the Key Text on Conversational Forms

/* Remove the Key Text from Conversational Forms Original doc link: https://wpforms.com/developers/how-to-change-the-key-text-on-conversational-forms/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ #wpforms-conversational-form-page div[class^=’wpforms-field-‘] li:not(.wpforms-image-choices-item) label:before, #wpforms-conversational-form-page div[class*=’ wpforms-field-‘] li:not(.wpforms-image-choices-item) label:before, #wpforms-conversational-form-page div[class^=’wpforms-field-‘] li:not(.wpforms-image-choices-item):not(.wpforms-selected) label:hover:before, #wpforms-conversational-form-page div[class*=’ wpforms-field-‘] li:not(.wpforms-image-choices-item):not(.wpforms-selected) label:hover:before, #wpforms-conversational-form-page div[class^=’wpforms-field-‘] li:not(.wpforms-image-choices-item):not(.wpforms-selected) label.wpforms-field-item-hover:before,…Continue reading

Centering a form

/* Center the form inside a container Original doc link: https://wpforms.com/developers/how-to-center-a-form/ For support, please visit: https://www.facebook.com/groups/wpformsvip */ .wpforms-container.wpf-center { margin: 0 auto !important; /* Adjust the width in the next 2 lines as your site needs */ max-width: 500px !important;…Continue reading

My account + checkout + thank you page styles

.form-row.validate-required br, .woocommerce .tc-epo-metadata .tc-hidden-variation, .woocommerce-checkout-review-order .variation .tc-value>p br, .fee, .optional {display: none;}.woocommerce-account .woocommerce, .woocommerce-checkout .woocommerce {visibility: visible }.ec-login-item .woocommerce-privacy-policy-text {padding-block: 0 }.ec-thankyou-customer-form {–__form-gap: .25rem;flex-wrap: wrap;gap: calc(4 * var(–__form-gap)) var(–__form-gap) }.ec-thankyou-customer-form .form-row {margin: 0;flex-grow: 1;flex-basis: 100%;}.notes .input-text {min-height: 6rem;}.woocommerce-order-overview, .wc-item-meta…Continue reading

Framework_Fluid_CSS

:root { /* Text Size Scale */ –text-xs: clamp(0.72rem, calc(0.82rem + -0.13vw), 0.79rem); –text-s: clamp(0.89rem, calc(0.88rem + 0.02vw), 0.90rem); –text-m: clamp(1.00rem, calc(0.95rem + 0.23vw), 1.13rem); –text-l: clamp(1.13rem, calc(1.02rem + 0.51vw), 1.41rem); –text-xl: clamp(1.27rem, calc(1.09rem + 0.90vw), 1.76rem); –text-2xl: clamp(1.42rem, calc(1.14rem…Continue reading