Simplest Vertical Carousel for WordPress / Elementor

[@bobbypalmer2460]

Wow, Imran - totally amazing. I've worked through your excellent tutorial on a test site of mine and I had no problems in recreating your example. I look forward to producing this feature for a client I have in mind. Thank you so much for sharing this invaluable and insightful routine and making it all so easy to achieve.

[@pixelgap]

This is crazy. A million thanks Imran. You rock!

[@toriboats]

Totally understand the parent child sub-child. What fun!

[@KaiBuskirk]

I love the inspiration to do this in WP at large… Your Sharing of ideas and concepts are amazing and inspiring! Thank you! Kai

[@websquadron]

Awesome! Thank you!

[@DuaneASmit]

Hi Imran an amazing tutorial.

[@digitaleditorial]

Amzing video Imran, thanks a lot!

[@AmitKeren-z2v]

Thank you, Imran. I tried a different tutorial, and this one is much easier and more effective. It works perfectly on both mobile and tablet as well. Thank you very much

[@websquadron]

Cheers. I watched lots of them, and they had similarities with codes per column, or some required classes for the images too and I found them to take quite long to build or update. Spent 3 days thinking of a different way and then 'eureka' I got it with the sub-child container. Now I need to crack the 'infinity loop scroll' for it.

[@AmitKeren-z2v]

@@websquadron "Exactly! CSS and individual classes for each element. I’m confident you’ll solve it :) Looking forward to your next videos!"

[@FullyMichellethecreative]

Same I’ve tried others but his approach seems way easier and more effective. He’s always doing such a fantastic job!! 🙌🏾

[@KurtBunch619]

I was looking for this after a client request. Thank you so much!! Love this channel.

[@websquadron]

Happy to help!

[@sheismalin]

Imran! This is great, Love your work! Thanks for being awesome.

[@websquadron]

My pleasure

[@java101full]

No words, + they look out of this world on mobile!

[@christianlecuyer6380]

Great new tutorial, you keep us busy with all those awesome code :)

[@websquadron]

Weds and Thurs videos are even better!

[@waran.t]

Bro, this is excellent. What would be even more great is infinite image slider instead of moving up and down. I am sure man of your intelligence can implement that too.

[@websquadron]

I'm looking into that :)))

[@AhmedSiddieg]

Man you are a legend , Thanks a lot 👍

[@websquadron]

You're welcome!

[@dansk9963]

Thanks Imran. Perhaps this will be the go to method in the future since there apparently is a limit to the number of tabs and carousel widgets Elementor can handle.

[@gabrielk5497]

Nice one!! I have one or two projects where I can apply this. Thanks :)

[@Graphdevigner]

Great Tut Imran! Going to have fun adapting this for Divi...💪🤓

[@websquadron]

You can totally use the code across any builder :) :) :)

[@mdqmatias]

This is really good Imran, thanks!

[@websquadron]

Glad you like it!

[@gopoo]

That's awesome! Thank you.

[@BryanPhilips]

You are a genius! Going to try it out asap. 👏

[@websquadron]

Have fun!

[@QuaverloveStudio]

Amazing! Thanks, Imran! And yes, it looks beautiful!

[@QuaverloveStudio]

I'm now having wild imaginations of displaying WooCommerce products, or custom posts, in this manner...

[@websquadron]

Glad you like it!

[@ericuk9481]

Imran that so smart, you rock, plus no glitch. Thank you

[@websquadron]

Awesome :)

[@DavidBenamou]

Great one !!!

[@simonwilson7460]

Nice work! Do you have any tutorials how to create a horizontal version of this, like the one of the Elementor home page?

[@websquadron]

That can be done with this method: kzbin.info/www/bejne/h4CwgZhqop6nqZIfeature=shared

[@unimkeabana7703]

Now, I am going to use this to create good hero section to show all websites I have build.

[@FullyMichellethecreative]

Lol, same!! Going straight to designing this tomorrow 😂

[@ened42]

This is awesome, thanks Imran! Is it possible to do infinite scroll instead of changing direction?

[@websquadron]

Now, I'm still trying to crack that as it gets fiddly with any solution for the infinite.

[@hannoushy583]

Great video, Imran 😊

[@samturner-d9g]

This is a superb tool ..Thanks

[@websquadron]

Glad you like it

[@CaseFixed]

Now I only need to find the project I can sneak this beauty in

[@websquadron]

Yes, yes, yes

[@DMLeBeau]

I love e this. I will use it as my hero section

[@leonardofavaretto2289]

Absolute king!

[@walterowisk]

It helped me a lot. Thank you. Changing the subject, what is the name of the font for this title "Arcane". Are there any fonts on Google?

[@websquadron]

Here you go: fonts.google.com/specimen/Stalinist+One

[@walterowisk]

@@websquadron Thanks, bro!!

[@IAmBLOCKCHAININVESTOR]

your the best!

[@videoboi4204]

wow amazing, i really thought that is the actual arcane website

[@websquadron]

Such a great series :)

[@SmileyJack.]

08:50 Probably a client: I want them to move out of sync and have different number of them in each column. And can you make those in different sizes? And I want it to be a drag and drop

[@FullyMichellethecreative]

😂😂😂😂😂😂 yoo, this is so accurate!!

[@LanceMcGrew]

And to think - he did all this without a "step-child container" :)

[@emmanuelivwighre5399]

Great video. Is it mobile responsive?

[@websquadron]

Yup :) You can add clamp for the size part of the code or just set it via Responsive Views.

[@kimjohnson313]

Genuis!

[@SingaporeMathsAcademyUK]

Have you seen how easy it is to do this on Greenshift page builder?!? It's insane how quickly it can be done.

[@websquadron]

Indeed :) For those that don't want to use that - then this may help. I'm sure there are ways to make this code even better :)

[@PeterSterke]

What does this to pagespeed if you do this in hero?

[@websquadron]

As long as images are webp - it's negligible. All carousels add some slight delay or CLS, but this is contained so the CLS is 0, and the page speed is so small. Plus it could be used below the fold :)

[@SterkeDesigns]

@ i understand that. Thanks for your work.

[@matheuscampos8097]

Is there a way to make it roll in a infinite loop?

[@websquadron]

Not with this method

[@sproksch87]

Best

[@gabrielllllllllllll]

iconic

[@iamshekhu37]

wow

[@tonychan9062]

How it looks like on mobile?

[@SmileyJack.]

13:14 It's in the video

[@websquadron]

I show it later on :)