EvocaLux Search Styles

/* === EvocaLux Search Styling === */ /* Ensure header links and lock are clickable again */ .site-header { z-index: 1001 !important; position: relative; } /* Unified interactivity + layering for clickable icons */ .site-header nav a, .login-icon, .sparkle-lock, .cart-icon…Continue reading

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’, () => { document.querySelectorAll(‘.hle’).forEach((table, index) => { // Check if the table needs expansion if (table.scrollHeight { table.classList.toggle(‘expanded’); btn.textContent = table.classList.contains(‘expanded’) ? ‘Show Less’ : ‘Show More’; }); // Insert the button after the current table table.insertAdjacentElement(‘afterend’, btn); });…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