Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Creating a Form With Floating Labels (copy)

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

FAQ Page Snippet (copy)

{ “@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “Can the eme Gantry Crane be moved while under load?”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “Yes, every eme Gantry Crane is engineered and certified to roll at 100 %…Continue reading

Gradient Theme Color Meta Tag

function getScrollPercentage() { const scrollTop = window.scrollY || document.documentElement.scrollTop; const scrollHeight = document.documentElement.scrollHeight – document.documentElement.clientHeight; return (scrollTop / scrollHeight); } window.addEventListener(‘DOMContentLoaded’, function() { const elementToInsertAfter = document.querySelector(‘[name=”viewport”]’); let newElement = document.createElement(‘meta’); elementToInsertAfter.after(newElement); newElement.setAttribute(‘name’, ‘theme-color’); window.scrollBy(0, -1); window.scrollBy(0, 1); }); window.addEventListener(‘scroll’,…Continue reading

Accessability CSS

.djacc{box-sizing:border-box}.djacc *{box-sizing:inherit}.djacc img{height:auto;max-width:100%}.djacc a,.djacc button{border:none;box-shadow:none;cursor:pointer;display:inline-block;font:inherit;font-size:14px;letter-spacing:normal;line-height:1;text-decoration:none;text-shadow:none;text-transform:none;transition:none}.djacc svg{vertical-align:middle}.djacc ul{list-style:none;margin:0;padding:0}.djacc–hidden{display:none}.djacc–sticky{position:fixed;z-index:99999}.djacc–sticky.djacc–top-left{left:0;top:0}.djacc–sticky.djacc–top-center{left:50%;top:0;transform:translateX(-50%)}.djacc–sticky.djacc–center-left{left:0;top:50%;transform:translateY(-50%)}.djacc–sticky.djacc–center-right{right:0;top:50%;transform:translateY(-50%)}.djacc–sticky.djacc–top-right{right:0;top:0}.djacc–sticky.djacc–bottom-left{bottom:0;left:0}.djacc–sticky.djacc–bottom-center{bottom:0;left:50%;transform:translateX(-50%)}.djacc–sticky.djacc–bottom-right{bottom:20px;right:20px}.djacc–static{display:inline-flex;margin:0;position:relative}.djacc-popup .djacc__openbtn{background:transparent;border:none;display:block;height:48px;line-height:1;margin:0;padding:0;position:relative;transition:all .2s ease;width:48px}.djacc-popup .djacc__openbtn–default{background:#2d79ff;border-radius:50%}.djacc-popup .djacc__openbtn–default:hover .djacc-popup .djacc__openbtn–default–active{background:#1469ff}.djacc-popup .djacc__panel{background:#242424;border-radius:40px;color:#fff;overflow-y:auto;padding:16px;pointer-events:none;position:relative;visibility:hidden;width:468px;z-index:2}@media (max-width:480px){.djacc-popup .djacc__panel{width:90vw}}.djacc-popup .djacc__panel–active{pointer-events:all;visibility:visible}.djacc-popup .djacc__header{align-items:center;display:flex;margin:0 0 25px}@media (max-width:480px){.djacc-popup .djacc__header{margin:0 0 15px}}.djacc-popup .djacc__title{flex:1;font-size:20px;font-weight:700;line-height:29px;margin:0}.djacc-popup .djacc__close,.djacc-popup .djacc__reset{background:transparent;border:1px solid transparent;border-radius:50%;box-sizing:border-box;display:block;font:inherit;height:48px;line-height:1;padding:0;width:48px}.djacc-popup .djacc__reset:hover{background:#2f2f2f;border-color:#353536}.djacc-popup .djacc__close{background:#2d79ff;margin-left:10px}.djacc-popup .djacc__close:hover{background:#1469ff;border-color:transparent}.djacc-popup .djacc__list{display:flex;flex-wrap:wrap;list-style:none;margin:0 -8px;padding:0}.djacc-popup .djacc__item{margin:0;padding:4px;width:50%}.djacc-popup .djacc__item–full{width:100%}.djacc-popup .djacc__item:after,.djacc-popup .djacc__item:before{display:none}.djacc-popup .djacc__item:not(.djacc__item–full)+.djacc__item–full{margin-top:8px}.djacc-popup…Continue reading

UIKit Modal

let el = ‘‘ + ‘ ‘ + ‘ ‘ + ‘ Welcome to tomsens+REKKO\’s new website ‘ + ‘‘ + ‘ Elite Web Labs has rebranded to tomsens+REKKO. ‘ + ‘ ‘ + ‘ ‘; if( document.referrer == ‘https://eliteweblabs.com’){…Continue reading