Location: site_wide_header
Untitled Snippet
Overlay png on background
Overlay a Transparent PNG on a JPG Background Background Preview: Overlay Preview: Upload Background (.jpg): Upload Overlay (.png): Merge Images Download JPGContinue reading
Backrooms
BackroomsContinue reading
Google Tag Manager – Head
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
FAQ Schema (Pop Top Bottles)
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