Turn default elementor posts to carousel posts without plugin

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

<code readonly="true"> <xmp> <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></xmp> </code> </pre> <p>If you need Navigation arrows, use the below:

<pre data-line=""> <code readonly="true"> <xmp> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" /> </xmp> </code> </pre>