Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Pinion Global Styles

/* ========================================================= TYPOGRAPHY FOUNDATION Author: Piers Berry – Load Google Fonts in HTML (see demo HTML) – Keep this file CSS-only (no @import or here) ========================================================= */ /* ———————– 1) Design Tokens ———————– */ :root{ /* Spacing scale (16–24px baseline)…Continue reading

Snippet B (Header → Custom CSS)

/* =============== FONTS (WOFF2) =============== */ /* — Sohne (Sans) from child theme — */ @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-400-buch.woff2’) format(‘woff2′); font-weight:400; font-style:normal; font-display:swap; } @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-400-buch-kursiv.woff2’) format(‘woff2′); font-weight:400; font-style:italic; font-display:swap; } @font-face { font-family:’Sohne’; src:url(‘/wp-content/themes/Artillery-Divi-Child/webfonts/soehne-500-kraftig.woff2’) format(‘woff2′); font-weight:500; font-style:normal;…Continue reading

HIDE VIEW COUNT css

.ultp-post-view.ultp-block-meta-element { display: none !important; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .footer-menu-container { padding-right: 0px!important; padding-left: 0px!important; } }/* END MEDIA QUERY*/Continue reading

Menu sticky/page scroll issue fix – CSS

/* Lock page scroll when any mobile menu is open */ html.menu-open, body.menu-open { height: 100%; overflow: hidden; } /* Global dim backdrop (avoids per-menu stacking/context issues) */ @media (max-width: 980px) { body.menu-open::before { content: “”; position: fixed; inset: 0;…Continue reading

ADS Front Page CSS

/* AudioDesignSpace WordPress Global CSS – Clean Version */ /* Puhdas versio ilman ristiriitoja ja tuplakoodia */ /* Import Google Fonts */ @import url(‘https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap’); /* Reset and Base Styles – Vain tarvittavat elementit */ html, body { width: 100%; overflow-x:…Continue reading

Raver Dogs Custom Styles Gallery

/* — CUSTOM STYLES FOR ELEMENTOR GALLERY WIDGET (BRIGHTER VERSION) — */ /* This block targets the Elementor Gallery widget specifically */ /* 1. Create the Masonry Layout */ .elementor-widget-gallery .elementor-gallery { column-count: 3; column-gap: 15px; } .elementor-widget-gallery .elementor-gallery .gallery-item…Continue reading

Mobile Archive Filter Button CSS

/* === Mobile Filters Panel === */ @media (max-width: 768px) { #mobile-filters { position: fixed; top: 0; left: -100%; width: 80%; height: 100%; background: #fff; z-index: 9999; overflow-y: auto; transition: left 0.3s ease-in-out; box-shadow: 2px 0 10px rgba(0, 0, 0,…Continue reading