css - WPCode Library

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

Adding Custom Border to Your Form

/* Add custom border to specific form */ #wpforms-form-1234 { border: 2px solid #333333; padding: 20px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }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

Hide SMTP License Notice

# Hide the license notice div.wp-mail-smtp-license-notice { display: none; }Continue reading

MFP > Flags for Language Switcher

.flag{display:inline-block;position: relative;width:16px;height:11px;background:url(‘https://exhibt-1.local/wp-content/plugins/language-switcher/assets/images/flags.png’) no-repeat}.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-th{background-position:-16px -143px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-io{background-position:-80px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-nl{background-position:-240px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px…Continue reading

MFP > Form Labels

/* * Last * * * */ input[type=email] + label, input[type=number] + label, input[type=password] + label, input[type=tel] + label, /*input[type=range] + label,*/ input[type=text] + label, input[type=url] + label { display: block; margin-top: -3em; margin-left: 1em; pointer-events: none; text-transform: uppercase; position:…Continue reading