Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Location: site_wide_header

Yootheme Consent – Scroll block

/* When the consent banner is present, lock the viewport */ html:has(.tm-consent), body:has(.tm-consent) { overflow: hidden !important; height: 100% !important; position: fixed; /* Extra insurance to lock mobile scrolling */ width: 100%; } /* Your red overlay */ body:has(.tm-consent)::before {…Continue reading

Fix Fusion Privacy Bar Layout

/*Make Privacy Bar ‘Settings’ Bolder*/ .fusion-privacy-bar-learn-more { font-weight: bolder; } /*Fix Privacy Bar Overflowing on Some Screens*/ .fusion-privacy-bar .fusion-privacy-bar-main { margin: 0 0 0 0; } .fusion-privacy-bar .fusion-privacy-bar-main>span { margin: 0 0 0 0; line-height: 1.1; } /*Force Privacy Bar…Continue reading

Tag Archive styling

/* ── Tag Archive ───────────────────────────────────── */ .tag-archive-header { text-align: center; padding: 3rem 1.5rem 2rem; } .tag-post-card .card-thumb { transition: transform 0.3s ease; } .tag-post-card:hover .card-thumb { transform: scale(1.04); } /* Force 16:9 on all featured images in the grid */…Continue reading

Stories Post Loop Listing Styling

/* ============================================================= Stories Loop — pc-stories-loop Vertical post listing, two-column card (image left, content right) Stacks to single column on tablet and mobile. Last modified 04-13-26 (added lines 59-70) ============================================================= */ .pc-stories-loop { display: flex; flex-direction: column; gap: 0; width:…Continue reading

RED’S CSS Snippet

#red-chatbot-wrap { max-width: 720px; margin: 30px auto; font-family: Arial, sans-serif; } .red-chatbot-card { border: 1px solid #d1d5db; border-radius: 14px; overflow: hidden; background: #fff; } .red-chatbot-header { background: #0f172a; color: #fff; padding: 20px; } #red-chat-window { padding: 20px; height: 350px; overflow-y:…Continue reading