Turn anything into a SLIDER in Elementor (No Plugin)

[@jimfahaddigital]

🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

[@ambrosrono6008]

Çcc

[@KRASIST]

Hi, can you tell if the text from the cards in this slider can be used for SEO on page?

[@beterworld]

@@KRASIST lider is made with java script. i think content inside java script is not good for seo.

[@jp-colemonts]

Elementor GUYS! Please pay more money to this guy! He teaches very well!

[@tsolias26]

You just opened for me a whole new banch of endless design options! Thank you very much for your time and efforts!

[@RohanisTimelessTreasures]

Thank you! As a non-technical small business owner creating her own website and content all the time, this really helps me. I'll check out your other videos for sure!

[@TheClaumigue]

Thank you so much Jim Fahad. Africa is not a country, but a continent

[@talhajutt.002]

You are absolutely amazing bro ❤️ I learn almost everything from you through this channel

[@jimfahaddigital]

Happy to hear that! I really appreciate it! 😇

[@talhajutt.002]

@@jimfahaddigital Bro can you please make a tutorial to make e-commerce website on depot theme with wpbakery page builder? I want to learn it from you

[@IsaacOnyait]

Am with you, this one is a promise, I have to appreciate this guy.

[@upbeataffiliate]

Number One KZbin Channel.Jim Fahad Digital.

[@jimfahaddigital]

Yoo!! Thanks for your continuous support!! 🤗

[@Karthikeyan-p6p]

In search of clear wordpress tutorial, Your video satisfied that requirement! Awesome ! Keep Doing bruhhhhhhh!!!

[@chrisworld1064]

For the ones who do not have Elementor Pro, there is a plug-in named ‘Premium Addons for Elementor’ and you can use the ‘premium carousel’ and in templates you can add your Cards. Make sure to update your progress first and reload the page so your templates can show, sometimes it will act up. Thank you soo much for this video, you are so creative and is such an inspiration!

[@melimaislau1437]

Thx for the extra tip ! Works perfectly well !

[@abbaskizilbash4318]

Thanks, Chris! Premium Addons worked like a charm.

[@ricardotaipe]

Thank you for this! I followed the tutorial and then I realized I needed premium so this saved me lol! But theres a white bar aboive my carroussel, do you know how to fix that?

[@hannah_seeley]

My templates don't show any shortcodes for the cards I've created... Is that a plugin or what can I do to see those shortcodes?

[@matahativa]

Your tutorial saved me HOURS of searching.. THANK YOU! You got a new subscriber!

[@DaJyzor]

What do you think about Zion Builder and how does it compare with Elementor? I'm curious what are your taughts..

[@Akashsuchandra]

This video is very helpful for me but when I watched 2nd part I was upset because paid elements were used ,I used a "premium carousel" that is free ...and 1st part of the video was effective for me. thank you, sir

[@ericcastro007]

Hello, where can I get "Premium Carousel"?

[@mohammadenamuddinchowdhury9584]

@@ericcastro007 if you install premium addons and essential addon elementor you can get a option called carousel by that you can make that slide

[@TheMarchelloKujavetti]

You're the best! When hope falls, there is always some Asian genius who knows the answer to everything. Not every hero wears a cape.

[@jimfahaddigital]

I really appreciate your support and encouragement! It means a lot to me to know that I've been able to make a positive impact.

[@awake_self_discovery]

You explain every single thing that you do...What you click on, etc...love it, love it, love it. Best teaching video I have seem EVER!

[@BrianWong-r2z]

Thanks for the tutorial, it's working perfectly!!.. but is there a way to fix the slider so it will not auto slide to left when it's clicked?

[@jasonhebert1656]

What a smart workaround to custom sliders.

[@refuzion1314]

That’s actually so smart. Never thought of this

[@oramagraphics]

Jim Fahad your tutorial style rocks.

[@joorchampi3346]

Jim Fahad you are the best!

[@JakiaSultana-04]

I was troubled to make a custom testimonial carousel. After watching your tutorial, my problem has been solved! Thanks for the valuable content!

[@maxcom]

The rest of the world is envious of the ingenuity that Asians have, especially those from India, incredible how you turned the testimonials widget into a function that many sell as an extra in addition to Elementor Pro

[@aesampayo]

Excellent video, I made it and it came out great but the buttons are too far apart and I don't know how to fix it. If anyone can help me, I'd appreciate it.

[@muratgur7909]

Amazing video! I love how straight forward it was ! Good Job buddy!

[@SwoopNebula]

is it possible to make this infinite scroll, or offset on one side?

[@omidfadaei4346]

Dear Jim Fahad Thank you so much for your advise and your time to share your useful experience

[@jimfahaddigital]

Means a lot! Thanks you so much for sharing your opinion! 😇

[@_FridayFoodVlog__]

This man is well known about what he is doing... Bravo!

[@faiza_aiza]

Best trick ever for making slides.. Thankyou Fahad🤩

[@jimfahaddigital]

Yay!! Thanksss!! 🔥🔥

[@faiza_aiza]

My Pleasure@@jimfahaddigital

[@manuelgarrido2873]

Indú sos un crack! me salvaste la noche de quemarme las pestañas escribiendo css Love it!

[@altohausen]

Is there any way to make the second slider appear just a little in the border of the screen in mobile view? I mean, it would show the user there is more content to be viewed, it's better than a single arrow

[@StateofPeaches99]

Wonderful step by step for a newbie like me. Thank you for posting.

[@ourinsideout3709]

Elementor needs to hire you .. you are a PRO

[@NoFluffDigitalMarketing]

This is just what I was looking for - Great tutorial!! Thanks!

[@buduohbudi6665]

You are good teacher bro. Eeven I have not good English can understand all your explanations .good job bro

[@ashwinyadav2450]

Bro were can i contact you cauz i need your help i am not able to adjust the image more than the 100% if i strech the container it will affect the other container

[@jeffdowns9513]

Hi there - really like this but it appears elementor has stopped doing the Inner section widget and I can only add a container within containers - is that right? i really want to try out your tutorial but I can't get pass the next bit - thanks

[@JessBoldt]

If you found a work around, please let me know. Same issue.

[@molnarbence8087]

The best solution, work also with simple elementor slider plugin.

[@kmaproduction5244]

This is real one person who deserve salute..

[@CheckTesting1]

Brilliant video sir 🙏🏾 Keep up the good work & have a blessed weekend 🙏🏾😃

[@LionDesign]

Are you working at all with the new Elementor Containers?

[@winnetouch]

Ok, thank you for the tutorial but it would be nice to state somewhere in the BEGINNING that the widget you will be using is only for Elementor pro I just wasted making the capsules only to find out I can't continue further. Also... How can I display the shortcodes? I can't see them in my templates and they also can't be activated in the options. Is that also a pro feature only?

[@bhaveshAdept]

Thank you 🙂

[@ryun3307]

Super articulate teaching style

[@anobesecat7907]

Can you show us how to do something simular with products. Im trying to find a slider that shows more then one product at a time on mobile

[@sumayyaawan5922]

You Made my day at work. God Bless You ❤️

[@mickeycartoon8785]

Works good for me!! I used this idea wit ACF fdynamic fields. Thanks!

[@its_ahmad_raza]

That's the Pro Thing Right There ! Thanks,

[@Zuhkeydesigns]

This is GENIUS! It opens alot of possibilities!

[@balmeet86]

i created 5 templates and its working fine in Desktop view and also in mobile view but in mobile view because of it's width, navigation bar is giving trouble in Android but working fine in IOS.. and i am not able to solve this problem. please help

[@andrewkarim3451]

KZbin needs to have a "Double Thumbs Up" option.... this definitely deserves it

[@jeanyvestonledjatsa9648]

Hi, i'm new here and was totally amazed by your opening effect. I just started learning Filmora and realize how amazing creating content is. Good luck.

[@G2thesecondpower]

Great video! Really well explained. I have been using 3d party plugins to do this, which is fine...but it's great to be able to do this right in Elementor. I had never thought of using the Testimonial widget for this. Cheers.

[@Alex_87878]

You are an absolute legend, keep it up.

[@eliskadolezalova3775]

Great! Happy to make slider without any plugin! Thank you

[@manuelparente7319]

Hi, thanks for the video, it was very helpful. But is there a way to have all the panels of the same size? When scrolling, depending on the size of the text, one panel gets shorter, another remains the same size, etc., can this problem be solved?

[@JohnC-24]

Thanks a lot. Your work is very insightful. But can you make this same pattern using the new flexbox container ? For 2024 ?

[@OrbisAgency]

I dont think so..

[@sameenrehman5021]

I think that the inner section widget is no more ..

[@ianoliverbailey6545]

Wow, that's amazing! I think I'm going to be doing a lot more of your videos to help me build and improve my website. Thanks so much for sharing.

[@kennyjohnsen5161]

Thanks for posting this video. I have been searching for this solution for days.

[@ibrahimzakria8596]

Bro u are crazy🥵🥵🥵 I think that even Elementor did not even come up with this idea

[@sandragomez1251]

Hi, im having problem with the typography it doesn't show the one that is in the template :( when you save it, te final template shows another typography i dont know why :(

[@anamsharif4663]

Helpp plzz!! My images aren't showing even after previewing it.. What should i do now?

[@sofianearrad4689]

Tutorial of the year !

[@EvolveNorth]

This is great, I've already done it on our site! Thanks!

[@raoniluna]

Greetins from Brazil! Thank you for the content, man! :)

[@jimfahaddigital]

My pleasure! 🔥❤️❤️

[@stevekompolt9631]

Any way of making each of these have a link on the picture? Most people want to click on these.

[@bambanx]

Thanks you. Its possible start and animation when the slide=template is displayed? Ty

[@esliz6499]

OMG your intro cracked me up!! Subscribed!!!

[@arlolockheart]

Presentation: 11/10!

[@lissasimpson1020]

This is great and so easy to use. Is there a way to make each slide fade in/fade out instead of slide?

[@AliHasnainZafar-i3m]

Yeah, after creating slides adjust them in inner section.After this,Click on slider and go to its Style Menu where you find Motion,click on it and there will be an option Animation,click on it and select Fade in.Done😊

[@buoniamazon]

Can this be done without Elementor Pro? Nobody reply me? 🙏

[@buoniamazon]

Can this be done without Elementor Pro?

[@mdhamimprodhan4993]

sir if I want this left right arrow in the top-right corner of image slider. How can i do that ? plz reply

[@julioleal2223]

hey Jim, I need to create a feature for a food website and I would really appreciate it if you could help me, how can I keep in touch with you?

[@ZHARCO]

Thank you so much ❤

[@marcymierwaldt2727]

Thank you so much! This just blew my mind!!!!!

[@angelacamargo4309]

Congrats! u really know a lot about elementor, I'm starting to like it a lot. Greetings from Colombia.

[@fernandasalazarhernandez1416]

Is there another way to make the slider? I already did everything but I don´t have elementor Pro :(

[@asadhashmi9228]

There is a specific problem i am facing. All is well at first. I created 3 slides. Optimized all of them for desktop, mobile and tablet. Published them. - Worked fine till i make a single change in the templates. - All the settings changed on mobile. - And it is happening only on mobile. On desktop it is working perfectly. - When i check it in the Template, it seems okay. But when i see it in a phone, everything is scrambled. Can you please help me resolve this? I have to create the whole thing again from scratch whenever i need a change. Please help

[@dariopaolucci]

Great!! But I've a problem. The buttons doesn't appears. I've realized a easy solution with this tutorial. Button doesn't appear under images. Only when I scroll the slider, buttons appears.

[@gilbertomandalka6802]

Hi Jim, pretty awesome material - congrats! One quick question: I followed you through across your guide but decided to change the relative px size of the capsule cards (ie. wider than yours). My carousel is now squeezing the capsule cards to make sure it fits its container size. Any idea how I could fix it? Haven't found a way yet to make the carousel element be displayed bigger

[@HassanFalahi-c1y]

is elementor pro required for shortcode? bcz i didn't find shortcod in my saved templates

[@YgorDoring]

Thank you so much for your time, you help-me a lot!

[@skillresearch7742]

Great Teacher... For Web development....

[@HelenaIvanova]

thank you so much, you save me from such a big stress and from losing so many hours!

[@lizabella9354]

Does this affect any other testimonial sliders on the page? I did this for one of my website's pages and now another testimonial carousel doesn't look good.

[@hashimmughalofficial]

Thank you so much I really get useful information. god, bless you for helping people.

[@pigital_it]

wow... does it work with Elementor or just with Elementor Pro?

[@arun_26]

iam designing a jewelry shop website . Now i need weight based rate change plugin . 1st i was used "Gold weight based rate" plugin , it has lot of bugs. Do you have a solution for me.

[@codewithUrooj]

You did an amazing Job and one thing more i wana say you are intelligent

[@dirodielectricmobility7823]

Many thanks for the video. For me, even on the preview page the shortcode text will be shown (as if it's just a text) not the content. Do you have any ideas what could be wrong?

[@markchristianmarata1780]

Finally! I've been looking for a solution that doesn't use a plug in, and here it is. Thanks man!

[@mohammadshafeeq3471]

Hi can you make a video on how to make the image carousel navigation dots to thumbnails, even though the media gallery has this only in image slider there is an option to use ACF to add a gallery option

[@kruhenstand]

You saved my life, thanks!

[@sergio_grez]

i just run into an issue trying to make a slider. Once the each section is created and plasted as shorcodes, the arrows push the section inwards creating white spaces on the sides. The only way to make that slider full width 100% is turning off the arrows :( . Is there any way of having the arrows placed inside so it doesn't push the slider sections inwards?

[@AwaisKhokhar02]

Hi, I got the same error and fix this with css. Please try and let me know the results. (Everyone welcome if some one had a better solution) Code: (Add this code in custom css section) selector .eicon-chevron-left { margin-left: 20px; } selector .eicon-chevron-right { margin-right: 20px; } .elementor-swiper { margin-left: -20px; margin-right: -20px; }

[@sergio_grez]

@@AwaisKhokhar02 thank you very much!!!! Hope this fixes the issue. I'll give it a try. Will let you know how it goes. Cheers!

[@AwaisKhokhar02]

@@sergio_grez Sure.

[@riseandshinerunning]

This. Is. Awesome. Thank you so much for modeling this posting!!!!

[@denniselias9038]

Thank you so much Jim Fahad, you're genius to what you do. I appreciate your work and tactics

[@edgar-chillagana]

Jim Fahad Digital seme rompio mi sitio al instalar ese complemento existe alguna solución ?? :(

[@doctor-dan]

Does it only work with the testimonial carousel? What if I place some contest into ad Accordion tabs widget to have those country cards placed into single tabs? Could that work as well?

[@JesuMayor]

Thank you very much! what a help ful video thanks! thanks thanks!

[@ebuks4ever]

I wish I got the heads up in the beginning that you were using Elementor Pro