{"id":113377,"date":"2023-01-21T21:35:36","date_gmt":"2023-01-21T21:35:36","guid":{"rendered":"https:\/\/wpsimplefix.com\/?p=113377"},"modified":"2026-09-24T17:42:02","modified_gmt":"2026-09-24T17:42:02","slug":"elementor-smooth-scrolling-media-carousel","status":"publish","type":"post","link":"https:\/\/chkserv.com\/blog\/elementor-smooth-scrolling-media-carousel\/","title":{"rendered":"Elementor Smooth Scrolling\u00a0Media Carousel\u00a0"},"content":{"rendered":"\n

The Elementor<\/a> Smooth Scrolling Media Carousel is a powerful and visually appealing solution that elevates the media presentation on your website to new heights. This overhauls the way you present pictures, videos, and other media components on your website with its clean style and smooth scrolling capability.<\/p>\n\n\n\n

Whether you’re a professional photographer, a creative agency, or a content provider, the Elementor Smooth Scrolling Media Carousel provides your visitors with a magnificent and engaging browsing experience.<\/p>\n\n\n\n

<\/div>\n\n\n\n

This tutorial will tell you how to make the Elementor<\/a> media carousel infinite scroll. Ideal to showcase your client logos.<\/p>\n\n\n\n

    \n
  1. Place the media carousel on the page where you wish to have it.<\/li>\n\n\n\n
  2. Place as many images as you wish (7 in my example)<\/li>\n\n\n\n
  3. Set the slides per view to however many images you want to show at once. Example (7<\/strong>)<\/li>\n\n\n\n
  4. Set the slide to scroll to (1<\/strong>)<\/li>\n\n\n\n
  5. Height 60<\/strong> pixels.<\/li>\n\n\n\n
  6. Width 100%<\/strong> of the section.<\/li>\n\n\n\n
  7. Go to Advanced Tab > Custom CSS<\/li>\n<\/ol>\n\n\n\n
    \"elementor-advanced-tab\"<\/figure>\n\n\n\n
    \"scroll\"<\/figure>\n\n\n\n

    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\n\n\n

    Adding CSS Code<\/h2>\n\n\n\n

    \t\tPlace the following code in the CSS area (On each scroll, if you have multiple)\t\t<\/p>\n\n\n\n

    selector .swiper-wrapper{
      -webkit-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
    }<\/code><\/pre>\n\n\n\n
    \"custom-css\"<\/figure>\n\n\n\n
    <\/div>\n\n\n\n
    Tweak The Settings<\/h2>\n\n\n\n
    Under Additional Options, you can control the speed of the scroll, autoplay and more. The settings set below, makes the media carousel smoothing scroll infinitely.<\/p>\n\n\n\n
    \"scroll-additional-options\"<\/figure>\n\n\n\n
    <\/p>\n\n\n\n
    Once all done and set, click the update button. Then visit your page to have a look.<\/p>\n","protected":false},"excerpt":{"rendered":"
    The Elementor Smooth Scrolling Media Carousel is a powerful and visually appealing solution that elevates the media presentation on your website to new heights. This overhauls the way you present pictures, videos, and other media components on your website with its clean style and smooth scrolling capability. Whether you’re a professional photographer, a creative agency, or […]<\/p>\n","protected":false},"author":1,"featured_media":116313,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[42,14,43,44],"class_list":["post-113377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-carousel","tag-elementor","tag-media","tag-smooth-scrolling"],"_links":{"self":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/113377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/comments?post=113377"}],"version-history":[{"count":2,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/113377\/revisions"}],"predecessor-version":[{"id":136722,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/posts\/113377\/revisions\/136722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/media\/116313"}],"wp:attachment":[{"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/media?parent=113377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/categories?post=113377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chkserv.com\/blog\/wp-json\/wp\/v2\/tags?post=113377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}