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

Поділитися
Вставка
  • Опубліковано 13 вер 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

КОМЕНТАРІ • 54

  • @RafaelBastosCo
    @RafaelBastosCo 12 днів тому +1

    Perfect, the best tutorial.

  • @patrickalmuyali5441
    @patrickalmuyali5441 3 місяці тому +1

    I rarely comment on videos on UA-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 3 місяці тому +1

    The simplest solution out there, thanks mate!!

    • @Mia_Bella420
      @Mia_Bella420 2 місяці тому

      Why is it not working for me?

  • @mohittekchandani4009
    @mohittekchandani4009 8 місяців тому +2

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

    • @wpagent
      @wpagent  8 місяців тому

      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 3 місяці тому +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

  • @anmol2356
    @anmol2356 10 місяців тому +1

    Worked like a charm. Thank you very much.

  • @dsfg54
    @dsfg54 7 місяців тому +1

    Thank you so much that what I was looking for

  • @hawkseo
    @hawkseo 9 місяців тому +1

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

  • @ascodes3461
    @ascodes3461 6 місяців тому +1

    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?

  • @sanachams1931
    @sanachams1931 4 місяці тому +1

    Thank you so much

  • @fincampaign
    @fincampaign 10 місяців тому +1

    Its very help full bro thank you for this

  • @sobujahmed8447
    @sobujahmed8447 11 місяців тому +1

    wow thank you so much its working properlly

  • @meow-lily
    @meow-lily Місяць тому

    Thank you So much For the video. ❤

  • @franc0tic0
    @franc0tic0 10 місяців тому +1

    Perfect. Awesome solution. Thanks bro.

    • @Mia_Bella420
      @Mia_Bella420 2 місяці тому

      Why is it not working for me?

  • @aburehan_malik
    @aburehan_malik 7 місяців тому +2

    Thanks mate ❤

    • @Mia_Bella420
      @Mia_Bella420 2 місяці тому

      Why is it not working for me?

  • @youssef_amhil
    @youssef_amhil 5 місяців тому +1

    thank you!!!!!!!!

  • @kiabako
    @kiabako Рік тому +1

    Thank you!

  • @lodeluyckx
    @lodeluyckx 10 місяців тому +1

    Thanks!

  • @amohpower
    @amohpower Рік тому +1

    Good work and very helpful

  • @NarioViral
    @NarioViral 5 місяців тому +1

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

    • @Mia_Bella420
      @Mia_Bella420 2 місяці тому

      Why is it not working for me?

  • @lavendersyanda
    @lavendersyanda 4 місяці тому

    Very helpful. Thank you!!!

    • @Mia_Bella420
      @Mia_Bella420 2 місяці тому

      Why is it not working for me?

  • @hamzahafeezseo
    @hamzahafeezseo 5 місяців тому +1

    Can we add link for each logo?

  • @LudovicCharlier
    @LudovicCharlier Рік тому +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 Рік тому +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?

  • @CyberHost_
    @CyberHost_ Місяць тому

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

    • @MistryHub
      @MistryHub Місяць тому +2

      thanks bro🥰

  • @melissa18833
    @melissa18833 4 місяці тому

    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.

  • @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 2 місяці тому

      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'

  • @SIR-oj9bo
    @SIR-oj9bo 10 днів тому

    Thanks a lot!!!!💛

  • @walid_HDN
    @walid_HDN 8 місяців тому +1

    THANK YOU BRO