Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Square Donate Button Override

/* All square donate button locations — shared base styles */ .square-donate-btn .zeffy-donate-btn { background: #32841E !important; color: #fff !important; border: 1px solid #32841E !important; padding: 8px !important; border-radius: 0 !important; font-family: “Work Sans”, sans-serif !important; font-size: 1rem !important; font-weight:…Continue reading

Script Header

document.addEventListener(‘DOMContentLoaded’, function() { const firstHeader = document.querySelector(‘.first-header’); const secondHeader = document.querySelector(‘.second-header’); if (!firstHeader || !secondHeader) return; // Check if mobile const isMobile = window.innerWidth SCROLL_THRESHOLD && !isSecondHeaderVisible) { isSecondHeaderVisible = true; // First header slides up and fades firstHeader.style.transition =…Continue reading

Header CSS

.first-header { transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s ease; position: relative; z-index: 10; } .second-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.6s cubic-bezier(0.4, 0,…Continue reading

Open external links in new tab

document.addEventListener(“DOMContentLoaded”, function() { var links = document.querySelectorAll(“a[href]”); links.forEach(function(link) { if (link.hostname !== window.location.hostname) { link.setAttribute(“target”, “_blank”); link.setAttribute(“rel”, “noopener noreferrer”); } }); });Continue reading

Short Breadcrumb Title

/* Short Breadcrumb Title / Kiri Vadivelu / 2026 */ .wp-block-breadcrumbs ol li:last-child { max-width: 175px; /* Set desired limit */ white-space: nowrap; /* Prevents line breaks */ overflow: hidden; /* Hides text exceeding width */ text-overflow: ellipsis; /* Adds…Continue reading

Extend Core CSS

/* Extend Core CSS / Kiri Vadivelu / 2026 */ /* TL;DR Inlining css is more reliable and consistent */ /* smooth scroll on demand */ @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } /* Select text, edit…Continue reading