How to change the background color on a fixed header?
- Open your Elementor header.
- Set it to sticky.
- In Effects offset enter a value, eg. 100.
- Click Advanced > Custom CSS and add this code.
selector.elementor-sticky--effects { background-color: red; }
How to remove image captions from lightbox
.elementor-slideshow__footer { display: none !important; }
How to add counter in swiper
<script> jQuery( document ).ready(function(){ var swiper_container = document.querySelector('.swiper-container'); if(swiper_container){ var swiper = swiper_container.swiper; swiper.on('transitionEnd', function() { change_counter() }); swiper.on('slideChange', function() { change_counter() }); function change_counter(){ var index = swiper.realIndex + 1; var slides_length = swiper.slides.length jQuery(".swiper-mobile-counter .elementor-widget-container").html(index + " / " + slides_length); } } }); </script>
How to remove focus from buttons in elementor
selector a.elementor-item:focus { outline: none; }
And for images (eg. logo):
selector a:focus { outline: none; }