Wrap Phone Number As Link

jQuery(document).ready(function($) { var $phone = $(‘.header-phone’); if ($phone.length) { var digits = $phone.text().replace(/\D/g, ”); var html = $phone.html(); $phone.html(‘‘ + html + ‘‘); } });Continue reading

Fallback – Compeer Global CSS No Nesting

body { font-size: 18px; line-height: 26px; } .btn-primary { color: #fff; letter-spacing: 1px; text-transform: uppercase; background-color: #2384c7; border-radius: 4px; padding: 12px 28px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color .2s, transform .1s; display: inline-block; } .btn-primary:hover { color: #fff;…Continue reading

Resize IFrame Child JavaScript

(function(window, undefined) { const document = window.document, parent = window.parent; // Inside iframe content function resizeIframe() { if(!document.body) return; // Get the actual content height const contentHeight = Math.max( document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight ); // Tell parent window the…Continue reading

Resize IFrame Parent JavaScript

(function(window, undefined) { const document = window.document; // Parent page JavaScript window.addEventListener(‘message’, function(event) { // Security check (optional but recommended) if (event.origin !== ‘https://environment.asj-net.com’) return; if (event.data.type === ‘resize’) { const iframe = document.querySelector(‘.auto-resize-iframe’) iframe.style.height = event.data.height + ‘px’; }…Continue reading

Re-Scroll to Anchor

(function () { var id = location.hash.slice(1); if (!id) { return; } function scrollToAnchor() { var el = document.getElementById(id); if (el) { el.scrollIntoView({ block: ‘start’ }); } } scrollToAnchor(); // initial attempt window.addEventListener(‘load’, scrollToAnchor); // after images/etc. if (document.fonts &&…Continue reading

Gravity Forms Common CSS (for all sites)

.gform_body .confirmation table { background-color: #ffffff; tr { background-color: #ffffff; td { border: none; background-color: #ffffff; padding: 10px; font strong { font-size:16px; } ul.bulleted { padding-left: 0px; } } } } .gfield_label { font-size:16px!important; font-weight: bold!important; } .title-bold { h3…Continue reading