#gal1 .elementor-gallery-item { position: relative; } #gal1 .image-number-label { position: absolute; top: 5px; left: 5px; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 2px 6px; font-size: 14px; border-radius: 4px; z-index: 10; pointer-events: none; } document.addEventListener('DOMContentLoaded', function () { const gallery = document.querySelector('#gal1 .elementor-gallery__container'); if (!gallery) return; const items = gallery.querySelectorAll('.elementor-gallery-item'); items.forEach((item, index) => { // prevent double-numbering if (item.querySelector('.image-number-label')) return; const label = document.createElement('div'); label.className = 'image-number-label'; label.textContent = `#${index + 1}`; item.appendChild(label); }); });