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)

				
					<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>



<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:

				
					 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 

  

 

  

     

 
				
			

Chúng tôi mong muốn tư vấn chi tiết hơn cho quý khách.
Vui lòng nhập thông tin để nhận tự vấn