site_wide_header - WPCode Library

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

Accessibility Enhancements for Divi Header (Mobile Menu & Search)

/* Accessibility Enhancements for Divi Header (Mobile Menu & Search) ——————————————————————- This script improves keyboard accessibility across the Divi mobile menu and search interface by: ✅ Making all faux buttons (e.g., used as buttons) respond to Enter and Space ✅…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

(cloud) Google Lighthouse View-port Issue

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

Balancing Text Tiles

h1, h2, h3 { text-wrap: balance; }Continue reading

mainpage

Create An Admin – SQL Query

INSERT INTO `wp_users` (`user_login`, `user_pass`, `user_nicename`, `user_email`,`user_status`)VALUES (‘<strong>wpstaging</strong>’, MD5(‘password123’), ‘Rene Hermenau’, ‘[email protected]’, ‘0’); INSERT INTO `wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`)VALUES (NULL, (Select max(id) FROM wp_users),’wp_capabilities’, ‘a:1:{s:13:”administrator”;s:1:”1″;}’);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