Snippets library

Browse Snippets
Claim your Free Profile
Add Snippet

Type: css

Custom Search Form CSS

/* Custom search form styling */ #searchform { margin: 0; position: relative; } #searchform .search-box { display: flex; } #searchform #s { width: 80%; padding: 10px; border: 1px solid #ccc; border-radius: 4px 0 0 4px; font-size: 16px; } #searchform #searchsubmit…Continue reading

Back to Top CSS

.back-to-top { position: fixed; bottom: 20px; right: 20px; background-color: ivory; opacity: .75; font-weight: bold; font-size: 1rem; text-transform: uppercase; padding: 5px 10px; border: 1px solid; border-radius: 50%; text-decoration: none; display: none; /* Hidden by default */ z-index: 99; }Continue reading

EU blog subtitle

h1.h2 + div.c-content { margin-top: 0.75rem; } h1.h2 + div.c-content p { display: none; } h1.h2 + div.c-content::before { content: “Consent is per person. Now your open tracking can be too.”; display: block; font-size: 0.95rem; font-weight: 400; color: #6b6b6b; }Continue reading

Add Hash Tag

a[class^=”tag-cloud-link”]::before { content: ‘#’; color: blue; // optionally add theme color font-weight: bold; // optionally make thicker }Continue reading

Better Mobile Navigation

/* Custom CSS for Twenty Twenty-Five Mobile Menu */ /* Add background color to overlay */ :root.has-modal-open { –wp–preset–color–base: lightblue; } /* Adjust submenu container styling */ .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { border: none; height: auto; min-width: 200px; opacity: 1;…Continue reading

compeer-global-stylesheet

/* Global */ body { font-size: 18px; line-height: 26px; } .btn-primary { display: inline-block; background-color: #2384c7; color: #ffffff; font-size: 14px; font-weight: 700; text-decoration: none; padding: 12px 28px; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; transition: background-color 0.2s ease, transform 0.1s ease;…Continue reading

Podcast RSS Feed CSS

body.search-results .innerbanner, body.single-podcast .innerbanner { background-image: none !important; display: none; } .uvri-podcast { font-family: inherit; } .uvri-tab-nav { display: flex; gap: 4px; border-bottom: 2px solid #2a448b; margin-bottom: 20px; flex-wrap: wrap; } .uvri-tab-btn { background: none; border: none; border-bottom: 3px solid…Continue reading