Elementor: Media Carousel Random Order

Add this code in HTML widget to randomize the ‘Media Carousel’ order.

				
					<script>
(function(){
let parent = document.querySelector('.elementor-widget-media-carousel .swiper-wrapper');
let images = parent.children;
let frag = document.createDocumentFragment();
while (images.length) {
frag.appendChild(images[Math.floor(Math.random() * images.length)]);
}
parent.appendChild(frag);
}());
</script>

				
			

Refresh to see the effect

  • Video ·

YotuWP: Custom CSS

DESCRIPTION Go to Dashboard > Appearance > Customize and add this custom CSS. CODE DARK…