Elementor

How to change the background color on a fixed header?

  1. Open your Elementor header.
  2. Set it to sticky.
  3. In Effects offset enter a value, eg. 100.
  4. 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;
}