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
I rarely comment on videos on TH-cam...but you deserve this. YOUR tutorial has helped me so much. Many thanks
Why is it not working for me?
The simplest solution out there, thanks mate!!
Why is it not working for me?
Best Video on Carousel I have ever seen. Thank You so much
You're very welcome!
@@wpagent Why is it not working for me?
The best tutorial so far! Thanks
What elementor version are you using?
Thanks a lot! Your video was very helpful ❤
Why is it not working for me?
I just rewatched the video and tested it again. Everything's working fine for me@@Mia_Bella420
Thank you So much For the video. ❤
Thank you so much that what I was looking for
Worked like a charm. Thank you very much.
Love u brother for guiding me correct way thank you sooo much
Why is it not working for me?
thank you so much!!! Works like a charm!
Thanks mate ❤
Why is it not working for me?
Thank you so much
Its very help full bro thank you for this
Thank you very much!!! 😍
Thanks Bro, still going on like that, ur the best
Why is it not working for me?
Here's the code in case anyone needs it
.swiper-wrapper {
transition-timing-function: linear !important;
}
thanks bro🥰
Perfect. Awesome solution. Thanks bro.
Why is it not working for me?
wow thank you so much its working properlly
Can we add link for each logo?
Thanks!
thank you!!!!!!!!
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.
THANK YOU BRO
Good work and very helpful
Thank you!
Very helpful. Thank you!!!
Why is it not working for me?
Thank you, it also works with the Slide Grid widget by the way :)
Why is it not working for me?
@@Mia_Bella420 check your class and css, it must work
Thank you for teaching. But I have a little problem. Why doesn't the mobile version automatically scroll? How can I fix it?
Why is it not working for me?
Please somebody help. On page load it scrolls 1 time (q logo) then it stops)
Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.
How can I go to the CCS page where you put the code?
In the Dashboard go to Appearance > Customize > Additional CSS
Not work with me in apperance
Why is it not working for me? 😭😭😭
Make sure you add CSS here 'In the Dashboard go to Appearance > Customize > Additional CSS'.
🤷 'Promo sm'