Turn default elementor posts to carousel posts without plugin

This javascript snippet help to change any default post widget on elementor to slider using Swiper.js 8.

Important: change IS of the widget to post-slider (#post-slider)

				
					
<link data-minify="1"
      rel="stylesheet"
      href="https://cdn.jaybranding.com/wp-content/cache/min/1/npm/swiper@8/swiper-bundle.min.css?ver=1694279627"
    />
<style>
    #post-slider .swiper-button-prev{
        left:-50px;
    }
        #post-slider .swiper-button-next{
        right:-50px;
    }
</style>
				
			

If you need Navigation arrows, use the below:

				
					  
<link data-minify="1" 
      rel="stylesheet" 
      href="https://cdn.jaybranding.com/wp-content/cache/min/1/npm/swiper@8/swiper-bundle.min.css?ver=1694279627" 
    /> 
 
				
			


Posted

print

,

by