JS-snippet: knoppen toevoegen lesrooster en AJAX triggeren

jQuery(document).ready(function($){ var table = $(‘#tablepress-36’); if (!table.length) return; table.find(‘tbody tr’).each(function(index){ var row = $(this); var row_index = index + 1; // eerste rij header = 0 var button = $(‘‘, { text: ‘Geef je op’, class: ‘lesrooster-registreer-btn’, style: ‘margin-left:10px;padding:5px 10px;background:#0073aa;color:#fff;border:none;border-radius:3px;cursor:pointer;’…Continue reading

SVG Tooltip

const tooltip = document.getElementById(“map-tooltip”); document.querySelectorAll(“.county”).forEach(path => { path.addEventListener(“mousemove”, e => { tooltip.textContent = path.dataset.tooltip; tooltip.style.left = e.pageX + “px”; tooltip.style.top = e.pageY + “px”; tooltip.style.opacity = 1; }); path.addEventListener(“mouseleave”, () => { tooltip.style.opacity = 0; }); });Continue reading

Make Social Pills Behave

/* === 1. Target the Container (The List itself) === */ .social-stack-full.wp-block-social-links { display: flex !important; flex-direction: column !important; /* WIDTH FIX: respecting the parent container’s padding */ width: 100% !important; max-width: 100% !important; /* Prevents blowing out the sides…Continue reading

No Follow Social Links

document.addEventListener(‘DOMContentLoaded’, function() { // Selectors for ALL Social Links: // 1. .is-style-default a (For the global footer buttons) // 2. .social-stack-full a (For the specific buttons on Link Page) var socialLinks = document.querySelectorAll(‘.is-style-default a, .social-stack-full a’); socialLinks.forEach(function(link) { // Ensure…Continue reading

Font Metric Fine-Tuning

/* MONTSERRAT: DEFINITIVE FONT METRIC OVERRIDES */ @font-face { font-family: ‘Montserrat Fallback’; size-adjust: 95.63%; ascent-override: 99.6%; src: local(‘Arial’); } @font-face { font-family: ‘Montserrat’; font-display: swap; src: url(‘https://possiblethis.com/wp-content/uploads/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w7Y3tcoqK5.woff2’) format(‘woff2’); } /* DM SANS: DEFINITIVE FONT METRIC OVERRIDES */ @font-face { font-family:…Continue reading

Crossword Grid Fix (CSS)

/* ———- Responsive Crossword Grid Fix ———- */ /* Ensure table does not collapse */ .crossword-grid { table-layout: fixed !important; border-collapse: collapse !important; width: min(90vw, 450px) !important; /* responsive width */ margin: 0 auto !important; } /* Each table cell…Continue reading

Stijl extra pasafspraak damore etc (copy)

.single .summary .pasafspraak { margin-top: 40px; display: inline-block; width: 100%; height: 65px; line-height: 65px; text-align: center; color: #fff; background-color: #E0AEAE; text-transform: uppercase; } .single .summary .pasafspraak:hover { background-color: #F06292; } .woocommerce .br_alabel span { background-color: #F06292 !important; } .collecties a:hover…Continue reading