Title: urgent post carousel
Last modified: June 14, 2020

---

# urgent post carousel

 *  [mazaheri](https://wordpress.org/support/users/mazaheri/)
 * (@mazaheri)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/urgent-post-carousel/)
 * hi i need to create a loop and a carousel like this website: [https://www.saltinourhair.com/bali/](https://www.saltinourhair.com/bali/)
   
   its been 12 hour that I’m searching on internet and editing your plugin setting.
   please help me as soon as possible. I need to figure out how can I create a custom
   post carousel with your plugin. its so urgent. answer me as soon as possible 
   tnx alot
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Furgent-post-carousel%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [ocbroadband](https://wordpress.org/support/users/ocbroadband/)
 * (@ocbroadband)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/urgent-post-carousel/#post-12984903)
 * Just so you have some feedback, the ‘carousel’ comes AFTER you make the template
   with Ele Custom Skin for a single post within the carousel. I don’t think your
   going to find much help in that aspect here considering this is a support forum
   for the template maker, not the archive display maker.
 * You may want to search for some enhancement tools that actually can make styled‘
   archive’ pages which is where the carousel would live.
 *  Plugin Author [dudaster](https://wordpress.org/support/users/dudaster/)
 * (@dudaster)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/urgent-post-carousel/#post-12991307)
 * Try and copy the css of it. It is doable.
 *  [brunomarsilio](https://wordpress.org/support/users/brunomarsilio/)
 * (@brunomarsilio)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/urgent-post-carousel/#post-12992391)
 * [@mazaheri](https://wordpress.org/support/users/mazaheri/)
 * The solution that I always use in my projects is:
    - create the loop template
    - use elementor post widget and link with the previous loop template that I 
      created
    - use slick to create the slider
 * See the code I use:
 *     ```
       <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
       <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
   
       <script>
           function Main() {
               this.slick();
           }
   
           Main.prototype.slick = function() {
               const slider = jQuery(".slider .elementor-posts-container");
   
               slider.slick({
                   slidesToShow: 3,
                   slidesToScroll: 3,
                   arrows: false,
                   dots: true,
                   infinite: false,
                   autoplay: true,
                   autoplaySpeed: 2000,
                   responsive: [
                       {
                           breakpoint: 9999,
                           settings: "unslick"
                       },
                       {
                           breakpoint: 1025,
                           settings: {
                               slidesToShow: 2,
                               slidesToScroll: 1
                           }
                       },
                       {
                           breakpoint: 450,
                           settings: {
                               slidesToShow: 1,
                               slidesToScroll: 1
                           }
                       }
                   ]
               });
   
               jQuery(window).on("resize", function() {
                   if (!slider.hasClass("slick-initialized")) {
                       slider.slick("reinit");
                   }
               });
   
               // Fix background collumn/section bug when using slick
               jQuery(".slick-track article").each(function() {
                   if(jQuery(this).find("style").html(jQuery(this).find("style").html()).length > 0) {
                       jQuery(this).find("style").html(jQuery(this).find("style").html().replace(/\#post-/g, '.post-'));
                   }
               });
           };
   
           jQuery(document).ready(function() {
               new Main();
           });
   
       </script>
       ```
   

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘urgent post carousel’ is closed to new replies.

 * ![](https://ps.w.org/ele-custom-skin/assets/icon.svg?rev=3518775)
 * [ECS - Ele Custom Skin for Elementor](https://wordpress.org/plugins/ele-custom-skin/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ele-custom-skin/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ele-custom-skin/)
 * [Active Topics](https://wordpress.org/support/plugin/ele-custom-skin/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ele-custom-skin/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ele-custom-skin/reviews/)

 * 3 replies
 * 4 participants
 * Last reply from: [brunomarsilio](https://wordpress.org/support/users/brunomarsilio/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/urgent-post-carousel/#post-12992391)
 * Status: not resolved