Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Radio Button Horiz

/* Target the radio button group within wp-block-ai-engine-form-field */ wp-block-ai-engine-form-field { display: flex; /* Use flexbox to align items horizontally */ flex-wrap: nowrap; /* Prevent wrapping to the next line */ gap: 15px; /* Add spacing between options */ align-items:…Continue reading

Warranty Result CSS

html { font-size: 62.5%; } @media screen and (max-width: 37.5em) { html { font-size: 50%; } } .g-recaptcha{ } .loader-container { display: flex; align-items: center; justify-content: center; } .loader { display: block; width: 48px; height: 48px; border-radius: 50%; position: relative;…Continue reading

CSS – WOO Pag. Singolo Prodotto Woo (CLOUD attivo)(vecchio)

/* 1.0 TI WISH BOTTONE singolo prodotto */ /* 1.0 TI WISH BOTTONE singolo prodotto _____________*/ .th-box-wish-boxelemento{height:10px; } .th-wish-peferiti-shortcode p { display: none; } .th-wish-peferiti-shortcode .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus:before { font-size: 50px; top: -15px; left: 0; margin: 0; padding: 0; } .th-wish-peferiti-shortcode…Continue reading

mailpoet close css

/* 弹窗的基本样式 */ .mp_form_popup1 { transition: all 0.3s ease; /* 为弹窗的过渡动画添加平滑效果 */ position: fixed; bottom: 20px; /* 放置在屏幕底部 */ right: 20px; /* 放置在屏幕右侧 */ z-index: 9999; width: 300px; height: 400px; background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);…Continue reading

MFP > Custom CSS

body:before{ content: ”; height: 80px; width: 100%; background:linear-gradient(rgb(0, 0, 0), transparent); position: fixed; top:0; z-index: 1; opacity: 0.25; filter: blur(5px); } .logged-in .uk-auth-hide { display: none!important; } /* stick the social in the dialog */ /* #tm-dialog .uk-grid .uk-grid-margin:last-child >…Continue reading

CSS for Countdown Timer text

html div#om-{{id}} .{{ns}}-CountdownElement–wrapper .{{ns}}-days .unit-days, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-hours .unit-hours, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-minutes .unit-minutes, html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-seconds .unit-seconds { display: none; } html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-days:after { content:’DAYS’; display: block; font-size: 13px; } html div#om-{{id}} .{{ns}}-CountdownElement–wrapper div.{{ns}}-hours:after {…Continue reading

Adding Material Design to Your Form Fields Using CSS

#wpforms-form-697 { float: left; width: 100%; text-align: center; margin: 30px auto 30px auto; } #wpforms-form-697 .wpforms-field { margin-left: auto; margin-right: auto; max-width: 300px; margin-bottom: 15px; position: relative; } #wpforms-form-697 .wpforms-field input, #wpforms-form-697 .wpforms-field textarea { position: relative; display: block; width:…Continue reading