Accessibility fix for elementor Video playlist widget touch targets do not have sufficient size or spacing
.e-tab-title { margin-bottom: 10px; margin-left: 10px; padding-left: 0px; } .e-tab-title button { padding: 10px; }Continue reading
Type: css
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
Fallback – Compeer Global CSS No Nesting
body { font-size: 18px; line-height: 26px; } .btn-primary { color: #fff; letter-spacing: 1px; text-transform: uppercase; background-color: #2384c7; border-radius: 4px; padding: 12px 28px; font-size: 14px; font-weight: 700; text-decoration: none; transition: background-color .2s, transform .1s; display: inline-block; } .btn-primary:hover { color: #fff;…Continue reading
Preferred Smooth Scroll
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }Continue reading
custom CSS slide-in reposition
html body div#om-{{id}}.Campaign.CampaignType–slide { right: 40px !important; bottom: 100px !important; }Continue reading
PDF-to-HTML
:root { –bg-color: #f4f4f9; –card-bg: #ffffff; –text-color: #222222; –border-color: #767676; –focus-outline: #005a9c; } .page { background: var(–card-bg); border: 2px solid var(–border-color); border-radius: 4px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .page-header { border-bottom: 3px…Continue reading
Hide ‘Order Again’ Button for Active Subscription Customers
body.tag-has-active-subscription p.order-again { display: none; }Continue reading
Toestemming banner v2.0
/* ========================================================= Toestemming banner v2.0 CSS ========================================================= */ #dv-consent-overlay { position: fixed; inset: 0; z-index: 999998; background: rgba(46, 46, 46, 0.45); backdrop-filter: blur(2px); } #dv-consent-banner, #dv-consent-panel { position: fixed; left: 50%; top: 50%; z-index: 999999; transform: translate(-50%, -50%); width: min(92vw,…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