Blog Archive Page Customization – CSS

/* Author: Sumaiya, Clickup Doc: https://app.clickup.com/36636088/v/dc/12y1dr-22535/12y1dr-11315 */ /* Des: This CSS is added to optmiize the Active category filter items */ .eb-post-grid-wrapper.eb-post-grid-pf3xz .ebpg-category-filter-list-item.active { background-color: var(–ikb-blue)!important; color:#ffffff!important; } /* Completed */ /* Des: This CSS is added to optmiize the…Continue reading

Automatic HLE Table Handler

window.addEventListener(‘DOMContentLoaded’, () => { const table = document.querySelector(‘.hle’); if (!table) return; const btn = document.createElement(‘button’); btn.textContent = ‘Show More’; btn.style.margin = ’10px 0′; btn.style.display = ‘block’; btn.addEventListener(‘click’, () => { table.classList.toggle(‘expanded’); btn.textContent = table.classList.contains(‘expanded’) ? ‘Show Less’ : ‘Show More’;…Continue reading

CSS Fix for Small or Tight Click Targets in Divi

/* Ensure tap targets are at least 44x44px */ .et-pb-controllers a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px; /* You can increase this if needed */ margin: 6px; /* Adds spacing between adjacent links…Continue reading

Marquee Animation

const off = 10; let l = off; const marqueeElements = Array.from(document.querySelectorAll(‘.marquee span’)); const speed = 1.5; const stack = []; let pause = false; marqueeElements.forEach(element => { const width = element.offsetWidth + off; element.style.left = `${l}px`; l += width;…Continue reading

Logotype Snippet

.header-html-inner .site-logotype a { display: block; width: 401px; /* Fixed width */ text-align: center; font-size: 48px; /* Adjust for readability */ font-weight: bold; font-family: ‘Arial’, sans-serif; text-decoration: none; color: #fff!important; /* Adjust as needed */ padding: 10px 0; border-radius: 5px;…Continue reading