How to Create an Auto-Scrolling Logo Slider Carousel with Elementor and CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ส.ค. 2024
  • Welcome to our tutorial on how to create a stunning Auto-Scrolling Logo Slider Carousel using Elementor and CSS! 🎉 In this step-by-step guide, we'll show you the ropes of designing an eye-catching logo slider for your website or project.
    🔧 Whether you're a web designer, developer, or creative enthusiast, this tutorial will walk you through the entire process, making it easy for both beginners and seasoned professionals to follow along.
    ⏩ Watch as we demonstrate the power of Elementor, a fantastic page builder, and combine it with the magic of CSS to bring life to your logos, showcasing them in a beautifully animated and automated carousel.
    🎯 Attract attention, boost brand presence, and engage your visitors with a sleek and interactive logo slider that adds that extra flair to your web pages.
    Ready to enhance your website with an impressive logo carousel? Hit the play button and let's get started! Don't forget to like, subscribe, and turn on the notification bell to stay updated with our latest web design tutorials and creative tips. 😊🎨🚀
    Get CSS from here: bit.ly/3Y6zurn

ความคิดเห็น • 52

  • @patrickalmuyali5441
    @patrickalmuyali5441 2 หลายเดือนก่อน +1

    I rarely comment on videos on TH-cam...but you deserve this. YOUR tutorial has helped me so much. Many thanks

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @yehudiee
    @yehudiee 2 หลายเดือนก่อน +1

    The simplest solution out there, thanks mate!!

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @mohittekchandani4009
    @mohittekchandani4009 7 หลายเดือนก่อน +2

    Best Video on Carousel I have ever seen. Thank You so much

    • @wpagent
      @wpagent  7 หลายเดือนก่อน

      You're very welcome!

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      @@wpagent Why is it not working for me?

  • @Okonam
    @Okonam 2 หลายเดือนก่อน +1

    The best tutorial so far! Thanks

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      What elementor version are you using?

  • @mehdiboroumand
    @mehdiboroumand 2 หลายเดือนก่อน +1

    Thanks a lot! Your video was very helpful ❤

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

    • @mehdiboroumand
      @mehdiboroumand 2 หลายเดือนก่อน

      I just rewatched the video and tested it again. Everything's working fine for me​@@Mia_Bella420

  • @meow-lily
    @meow-lily 18 วันที่ผ่านมา

    Thank you So much For the video. ❤

  • @dsfg54
    @dsfg54 6 หลายเดือนก่อน +1

    Thank you so much that what I was looking for

  • @anmol2356
    @anmol2356 10 หลายเดือนก่อน +1

    Worked like a charm. Thank you very much.

  • @shanshamas2616
    @shanshamas2616 8 หลายเดือนก่อน +1

    Love u brother for guiding me correct way thank you sooo much

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @imadovish
    @imadovish 8 หลายเดือนก่อน +1

    thank you so much!!! Works like a charm!

  • @aburehan_malik
    @aburehan_malik 6 หลายเดือนก่อน +2

    Thanks mate ❤

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @sanachams1931
    @sanachams1931 3 หลายเดือนก่อน +1

    Thank you so much

  • @fincampaign
    @fincampaign 9 หลายเดือนก่อน +1

    Its very help full bro thank you for this

  • @ascodes3461
    @ascodes3461 6 หลายเดือนก่อน +1

    Thank you very much!!! 😍

  • @NarioViral
    @NarioViral 4 หลายเดือนก่อน +1

    Thanks Bro, still going on like that, ur the best

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @CyberHost_
    @CyberHost_ หลายเดือนก่อน

    Here's the code in case anyone needs it
    .swiper-wrapper {
    transition-timing-function: linear !important;
    }

    • @MistryHub
      @MistryHub 27 วันที่ผ่านมา +2

      thanks bro🥰

  • @franc0tic0
    @franc0tic0 9 หลายเดือนก่อน +1

    Perfect. Awesome solution. Thanks bro.

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @sobujahmed8447
    @sobujahmed8447 10 หลายเดือนก่อน +1

    wow thank you so much its working properlly

  • @hamzahafeezseo
    @hamzahafeezseo 4 หลายเดือนก่อน +1

    Can we add link for each logo?

  • @lodeluyckx
    @lodeluyckx 9 หลายเดือนก่อน +1

    Thanks!

  • @youssef_amhil
    @youssef_amhil 4 หลายเดือนก่อน +1

    thank you!!!!!!!!

  • @melissa18833
    @melissa18833 3 หลายเดือนก่อน

    Hey there, what if you wanted to have two rows of logos? I've tried to just duplicate it, and one scrolls perfectly, the other isnt listening to the linear css.

  • @walid_HDN
    @walid_HDN 7 หลายเดือนก่อน +1

    THANK YOU BRO

  • @amohpower
    @amohpower 11 หลายเดือนก่อน +1

    Good work and very helpful

  • @kiabako
    @kiabako ปีที่แล้ว +1

    Thank you!

  • @lavendersyanda
    @lavendersyanda 4 หลายเดือนก่อน

    Very helpful. Thank you!!!

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @LudovicCharlier
    @LudovicCharlier 11 หลายเดือนก่อน +1

    Thank you, it also works with the Slide Grid widget by the way :)

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

    • @LudovicCharlier
      @LudovicCharlier 2 หลายเดือนก่อน

      @@Mia_Bella420 check your class and css, it must work

  • @Eattercat
    @Eattercat 11 หลายเดือนก่อน +3

    Thank you for teaching. But I have a little problem. Why doesn't the mobile version automatically scroll? How can I fix it?

    • @Mia_Bella420
      @Mia_Bella420 2 หลายเดือนก่อน

      Why is it not working for me?

  • @Mia_Bella420
    @Mia_Bella420 2 หลายเดือนก่อน

    Please somebody help. On page load it scrolls 1 time (q logo) then it stops)

    • @wpagent
      @wpagent  2 หลายเดือนก่อน

      Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.

  • @harukim1360
    @harukim1360 2 หลายเดือนก่อน

    How can I go to the CCS page where you put the code?

    • @wpagent
      @wpagent  2 หลายเดือนก่อน

      In the Dashboard go to Appearance > Customize > Additional CSS

    • @avarietyoffun5505
      @avarietyoffun5505 หลายเดือนก่อน

      Not work with me in apperance

  • @Mia_Bella420
    @Mia_Bella420 2 หลายเดือนก่อน

    Why is it not working for me? 😭😭😭

    • @wpagent
      @wpagent  2 หลายเดือนก่อน

      Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.

  • @ruthconley5842
    @ruthconley5842 ปีที่แล้ว

    🤷 'Promo sm'