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

Creating a Form With Floating Labels

form#wpforms-form-1682 { position: relative; } form#wpforms-form-1682 .floating label:nth-of-type(2) { display: none; } .floating input { position: relative; min-height: 65px; padding: 15px 10px 10px 15px !important; } .floating textarea { position: relative; min-height: 200px; padding: 35px 15px 15px 15px !important; }…Continue reading

Stijl extra pasafspraak damore etc

.single .summary .pasafspraak { margin-top: 40px; display: inline-block; width: 100%; height: 65px; line-height: 65px; text-align: center; color: #fff; background-color: #E0AEAE; text-transform: uppercase; } .single .summary .pasafspraak:hover { background-color: #F06292; } .woocommerce .br_alabel span { background-color: #F06292 !important; } .collecties a:hover…Continue reading

Stijl BeRocket filters

.bapf_hascolarr{ margin-bottom: 16px; font-size: 18px !important; font-weight: 400; padding: 8px 20px 7px 20px; border: 1px solid #E0AEAE; transition: all ease .3s; } .bapf_hascolarr:hover{ background-color: #E0AEAE; color: #ffffff; } .bapf_sfilter .bapf_colaps_smb { right: 8px; } .bapf_sfilter.bapf_ckbox input[type=”checkbox”] { vertical-align: top; margin:…Continue reading