site_wide_header - WPCode Library

Integrity Solutions: Digital Badge Masthead Updates

.masthead { &__media { img, video { opacity: 1; } } &__overlay__gradient { display: none; } }Continue reading

Closing slide-in with a click outside

(function () { document.addEventListener(‘DOMContentLoaded’, function () { // Utility: close the slide-in gracefully function closeHustleSlide(slideIn) { if (!slideIn) return; const closeBtn = slideIn.querySelector(‘.hustle-close, .hustle-close-button, .hustle-icon-close’); if (closeBtn) { closeBtn.click(); return; } slideIn.classList.remove(‘hustle-show’); const content = slideIn.querySelector(‘.hustle-slidein-content’); if (content) { content.classList.remove(‘hustle-animate-in’);…Continue reading

Untitled Snippet

Stylish Full-Screen Password-Protected Page for WordPress

main.post-password-required { /* Make it a full-screen fixed overlay */ position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; /* Dark, semi-transparent background */ background-color: rgba(30, 30, 30, 1); /* Sit on top of all other page content…Continue reading

News Grid Filter Barrierefrei + bestimmte Kategorien ausschließen

document.addEventListener(‘DOMContentLoaded’, function () { // Kategorien, die ausgeblendet werden sollen const excludedCategories = [‘News’, ‘Weltcup 2025’, ‘Weltcup 2026’]; /** * Hauptfunktion: verbessert Filterstruktur + entfernt ausgeschlossene Kategorien */ function enhanceGridFilters() { // 1. Desktop: UL-Filter document.querySelectorAll(‘ul.vc_grid-filter[data-vc-grid-filter=”category”]’).forEach(function (filterList) { if (filterList.dataset.a11yEnhanced…Continue reading

k9-hole-desktop

/* Template Name: K9 Hole Desktop Full */ ?>Continue reading

Custom Landing Page CSS

.hero-section { text-align: center; padding-bottom: 6rem; } @media (max-width: 849px) { .hero-section { padding-bottom: 4rem; } .hero-section h1 { font-size: 38.25px; } } .pill-label { display: inline-block; font-size: 0.875rem; font-weight: 500; padding: 0.4rem 0.9rem; border-radius: 9999px; } .icon-wrapper { background-color:…Continue reading

CSS | Background gradient + GF styles

.ib_gradient-bg { background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), radial-gradient(68% 58% at 50% 50%, #c81e3a 0%, #a51d35 16%, #7d1a2f 32%, #591828 46%, #3c1722 60%, #2a151d 72%, #1f1317 84%, #141013 94%, #0a0a0a 100%), radial-gradient(90% 75% at 50% 50%, rgba(228,42,66,0.06) 0%, rgba(228,42,66,0) 55%), radial-gradient(150% 120%…Continue reading

Untitled Snippet

if (function_exists(‘asl_display’)) { echo do_shortcode(‘[ajax_search_form]’); }Continue reading