Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Nav scroll colour change

jQuery(document).ready(function(){ jQuery(window).scroll(function() { var scroll = jQuery(window).scrollTop(); if (scroll >= 100) { jQuery(“.pa-header”).addClass(“pa-fixed-header”); } else{ jQuery(“.pa-header”).removeClass(“pa-fixed-header”); } }); });Continue reading

MFP > Frontend Utilities

add_filter(‘the_title’, ‘the_title_trim’); function the_title_trim($title) { $findthese = array( ‘#Protected:#’, ‘#Private:#’ ); $replacewith = array( ”, // What to replace “Protected:” with ” // What to replace “Private:” with ); $title = preg_replace($findthese, $replacewith, $title); return $title; } function do_accordion($title, $content,…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