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
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
    />
<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 
      rel="stylesheet" 
      href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" 
    /> 
 
				
			


Posted

in

,

by