Turn anything into a SLIDER in Elementor (No Plugin)

Sdílet
Vložit
  • čas přidán 8. 07. 2024
  • ✅ Get Elementor PRO: jimfahaddigital.com/e-pro
    ✅ Get Domain & Webhosting(50% off): jimfahaddigital.com/hosting
    Subscribe Here: bit.ly/JFDtutorials
    🔥No Plugin, No Coding!! 🔥
    Turn any Cards into a Slider/Carousel ONLY by using Elementor Page Builder!!!
    TIMESTAMP:
    0:00:00 Overview
    0:01:00 Designing Capsule Card using Elementor
    0:05:17 Turn Elementor Cards into Slider/Carousel
    0:17:42 Contact Jim Fahad
    Thanks for Watching!
    ✅ Become a WordPress Freelancer Today! Watch this Tutorial:
    • Elementor Experts Netw...
    ✅ Hire a Pro Web Developer:
    jimfahaddigital.com
    -----------------------------------------------------------------------------
    And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS:
    Elementor Portfolio Tutorial 2021:
    • How to Make a PERSONAL...
    Elementor Pro Complete Tutorial 2020:
    • Elementor Pro Tutorial...
    How To Create a Modern Website 2020:
    • [No Coding] How to Mak...
    How To Make a Business Website 2020:
    • [Complete Tutorial] Ho...
    How To Build a Personal Portfolio Website 2020:
    • [A-Z] How to Create a ...
    How To Create a One Page Wordpress Website 2020:
    • How to Make a Complete...
    How To Create a Multi-Page Wordpress Website 2020:
    • How to make a $5000 Wo...
    How To Create App Landing Wordpress Website 2020:
    • How to Make a WordPres...
    -----------------------------------------------------------------------------
    -----------------------------------------------------------------------------
    About:
    8 Million+ website owners started using the Elementor page builder. I'll show you the easiest way how you can create your personal resume website using Elementor Page Builder yourself.
    #WordPress #Elementor #tipsAndTricks
    If you're searching for how to make an eCommerce website, how to make a professional webShop from scratch, how to create an Online Store website step by step using woocommerce elementor, woocommerce subscriptions, WordPress eCommerce 2020 tutorial for beginners, woocommerce plugins, woocommerce payment gateway, best website making course, Elementor tutorial for beginners - then this tutorial is for you.
    -----------------------------------------------------------------------------
    -----------------------------------------------------------------------------
    Like me on Facebook:
    / jimfahad.consultancy
    And, lastly, If you want me to build your AWESOME website at an affordable price,
    ✅ You Can Contact me through my website:
    jimfahaddigital.com/request-a...
    Have a great day!

Komentáře • 389

  • @jimfahaddigital
    @jimfahaddigital  Před rokem +3

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

    • @ambrosrono6008
      @ambrosrono6008 Před rokem

      Çcc

    • @KRASIST
      @KRASIST Před rokem

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

    • @beterworld
      @beterworld Před rokem +1

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

  • @jp-colemonts
    @jp-colemonts Před 2 lety +46

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

  • @tsolias26
    @tsolias26 Před rokem +22

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

  • @RohanisTimelessTreasures
    @RohanisTimelessTreasures Před 8 měsíci +2

    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!

  • @awakecourses-yourknowledge9833

    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!

  • @johnravi3887
    @johnravi3887 Před 2 lety +2

    Hi Jim,
    I love your videos, I have been learning a lot about Elementor from all the videos you share. I think the slider effect is a classic, and when added to websites it created a beautiful aesthetic without affecting usability. I have used it in some of my past projects, and I was looking for new ways to use it in my future projects as well. I am sure this video will be of great help. Thanks a lot for such an amazing share!

  • @JakiaSultana-04
    @JakiaSultana-04 Před rokem

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

  • @gcpho
    @gcpho Před 2 lety

    Jim you are a legend! Love that you listen to us all! ❤️ This is a game changer 🔥

  • @denniselias9038
    @denniselias9038 Před 2 lety +2

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

  • @gustavobraga4073
    @gustavobraga4073 Před rokem +1

    Perfect my friend, Mto obrigado. Estava tentando fazer um slider sem plugin e agora você me deu uma luz. Obrigado mesmo.

  • @talhajutt.002
    @talhajutt.002 Před 2 lety +23

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

    • @jimfahaddigital
      @jimfahaddigital  Před 2 lety +1

      Happy to hear that! I really appreciate it! 😇

    • @talhajutt.002
      @talhajutt.002 Před 2 lety

      @@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
      @IsaacOnyait Před 2 lety

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

  • @ianoliverbailey6545
    @ianoliverbailey6545 Před rokem

    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.

  • @user-mo1lv4xz5q
    @user-mo1lv4xz5q Před 8 měsíci

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

  • @patrikw
    @patrikw Před 2 lety +1

    Very well done! Thank you for sharing this great feature!

  • @markchristianmarata1780

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

  • @ryzeonline
    @ryzeonline Před rokem +1

    You provide incredibly valuable tutorials, well-made, and freely offered, thank you so much.

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

      Means a lot!! I really appreciate it!! Thanks a million bro! 😇

  • @_FridayFoodVlog__
    @_FridayFoodVlog__ Před 2 lety

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

  • @matahativa
    @matahativa Před 7 dny

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

  • @tabithao.abiola7540
    @tabithao.abiola7540 Před 2 lety

    Absolutely brilliantly simplified!

  • @StateofPeaches99
    @StateofPeaches99 Před rokem +1

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

  • @NoFluffDigitalMarketing
    @NoFluffDigitalMarketing Před 6 měsíci +1

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

  • @kennyjohnsen5161
    @kennyjohnsen5161 Před 2 lety

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

  • @Zendasien
    @Zendasien Před 2 lety

    Great dude i watched a lot of other videos but this was really on point.Keep it up!

  • @Apprendizaje_Digital
    @Apprendizaje_Digital Před 2 lety

    Excelente! durante mucho tiempo quise hacer eso sin utilizar algún otro plugin. Muchas gracias!

  • @jeanyvestonledjatsa9648
    @jeanyvestonledjatsa9648 Před 9 měsíci

    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.

  • @AmitRoy
    @AmitRoy Před 2 lety

    Great as always! Proud of you.

  • @riseandshinerunning
    @riseandshinerunning Před rokem

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

  • @roulnetworking4115
    @roulnetworking4115 Před rokem

    Muchas gracias!!!! Esta genial, me ayudaste mucho para mejorar el sitio web que estoy haciendo, quiero aprender mucho más, te voy a comenzar a seguir.

  • @chrisworld1064
    @chrisworld1064 Před 2 lety +4

    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
      @melimaislau1437 Před 2 lety +1

      Thx for the extra tip ! Works perfectly well !

    • @abbaskizilbash4318
      @abbaskizilbash4318 Před rokem

      Thanks, Chris! Premium Addons worked like a charm.

    • @ricardotaipe
      @ricardotaipe Před 10 měsíci

      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?

  • @oramagraphics
    @oramagraphics Před rokem

    Jim Fahad your tutorial style rocks.

  • @CheckTesting1
    @CheckTesting1 Před rokem

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

  • @TheClaumigue
    @TheClaumigue Před 2 lety +2

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

  • @gautambedi591
    @gautambedi591 Před rokem

    Very helpful video mate!
    Thanks for the resources that you have provided me.

  • @Zuhkeydesigns
    @Zuhkeydesigns Před 10 měsíci

    This is GENIUS! It opens alot of possibilities!

  • @bkkcanuck
    @bkkcanuck Před 2 lety

    Yeah that is pretty amazing, can't believe how much I learned from this one video

  • @awaisrehman7873
    @awaisrehman7873 Před rokem

    Absolutely amazing bro, you saved my day ❤

  • @augustinecalvin7722
    @augustinecalvin7722 Před rokem

    Thank you! This was extremely helpful!

  • @EvolveNorth
    @EvolveNorth Před 10 měsíci

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

  • @dominiquemaik3415
    @dominiquemaik3415 Před 2 lety +1

    Muito bom! Obrigado pelo conhecimento!

  • @LordJHouse
    @LordJHouse Před rokem

    Thank you so much for this video. I've been looking for new ideas for cards and sliders, especially higher-end ones like these, so this video meets my needs. Really looking forward to implementing this in a near future project. PS - I liked and subscribed.

  • @technotemper
    @technotemper Před 2 lety

    Amazing Tutorial. Subbed!

  • @omidfadaei4346
    @omidfadaei4346 Před rokem

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

    • @jimfahaddigital
      @jimfahaddigital  Před rokem

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

  • @daayaniyaa
    @daayaniyaa Před 2 lety +1

    Dude, you are fab! Keep up the good work

  • @marcymierwaldt2727
    @marcymierwaldt2727 Před rokem

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

  • @sumayyaawan5922
    @sumayyaawan5922 Před rokem

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

  • @esliz6499
    @esliz6499 Před 2 lety

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

  • @refuzion1314
    @refuzion1314 Před rokem

    That’s actually so smart. Never thought of this

  • @LocalizationAcademy
    @LocalizationAcademy Před rokem

    I'm going to try this, thank you!

  • @manuelgarrido2873
    @manuelgarrido2873 Před rokem

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

  • @clarkdesigncombr
    @clarkdesigncombr Před rokem

    Thank you very much! It helped me a lot in my project.

  • @kruhenstand
    @kruhenstand Před rokem

    You saved my life, thanks!

  • @buduohbudi6665
    @buduohbudi6665 Před rokem

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

  • @moahmmadahmadpour2403
    @moahmmadahmadpour2403 Před 2 lety

    i really need this tutorial you help me a lot. thanks bro

  • @Alex_87878
    @Alex_87878 Před měsícem

    You are an absolute legend, keep it up.

  • @yapayzekali
    @yapayzekali Před rokem

    really good thank you man

  • @HelenaIvanova
    @HelenaIvanova Před rokem

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

  • @ZHARCO
    @ZHARCO Před měsícem +1

    Thank you so much ❤

  • @JoseCastro-bp7ut
    @JoseCastro-bp7ut Před rokem

    Excelente video hermano. Me has ayudado mucho!

  • @newmax4870
    @newmax4870 Před rokem

    best tuturial bro!!

  • @resh998
    @resh998 Před 2 lety

    amazing video sir 🔥

  • @YgorDoring
    @YgorDoring Před 8 měsíci

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

  • @eliskadolezalova3775
    @eliskadolezalova3775 Před rokem

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

  •  Před 2 lety

    Awesome tutorial. This helps so much!

  • @allenmainayar5730
    @allenmainayar5730 Před 8 měsíci

    Very helpful video!!! thank you

  • @joshstef2579
    @joshstef2579 Před měsícem

    This looks so good

  • @amacajon
    @amacajon Před rokem

    Genius! Thanks

  • @lakinen_69
    @lakinen_69 Před 2 lety +1

    Thanks man, you're a legend. Don't know why this stuff isn't already included in Elementor Pro in a simpler way. What I want is to slide three columns with image, header text, some description and a button, one by one from right to left on mobile view only. This trick of yours will work for sure, but I wonder is there an easier way to do it? Something like an image carousel, but with header, description and a button.

    • @ThunderMan88
      @ThunderMan88 Před rokem

      Nope. There isnt such an option. You will have to write custom code, with swiper.js which is already found in elementor.

  • @bulbul_bab
    @bulbul_bab Před rokem

    Very helpful. Thanks

  • @user-lq7tf8bf9b
    @user-lq7tf8bf9b Před 6 měsíci

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

  • @jasonhebert1656
    @jasonhebert1656 Před 8 měsíci

    What a smart workaround to custom sliders.

  • @magdyelkhadragy6917
    @magdyelkhadragy6917 Před 2 lety

    Thank you Fahad

  • @raoniluna
    @raoniluna Před 2 měsíci

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

  • @upbeataffiliate3436
    @upbeataffiliate3436 Před rokem

    Number One CZcams Channel.Jim Fahad Digital.

  • @nataulit7
    @nataulit7 Před rokem

    Thanks so much !

  • @pt.ogineseindonesia1444

    thank you bro. your tutorial can help my problem. you amazing man👍👍👍

  • @ryun3307
    @ryun3307 Před 2 lety

    Super articulate teaching style

  • @ayonmistry2001
    @ayonmistry2001 Před rokem

    Thank youuu so much!!!

  • @rudidoubell1763
    @rudidoubell1763 Před 11 měsíci

    Nice Video mate.

  • @skillresearch7742
    @skillresearch7742 Před 2 lety

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

  • @sorayahutagalung
    @sorayahutagalung Před rokem

    Very helpful! Thank you so much

  • @umairaziz107
    @umairaziz107 Před 5 měsíci

    Thank you!

  • @pinkbalem
    @pinkbalem Před měsícem

    thank you man!

  • @SohelRana-tb6bu
    @SohelRana-tb6bu Před 2 lety

    Great Job Brother

  • @hashimmughalofficial
    @hashimmughalofficial Před 10 měsíci

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

  • @zhakkasdude
    @zhakkasdude Před rokem +1

    Thank you for amazing tutorial. However, I have a question the title text I'm using has variable title length that makes the tile height inconsistent. I want to keep the tile height the same irrespective of the title length. Can you please share a possible solution for the same. Thanks.

  • @aliyadollahi7282
    @aliyadollahi7282 Před rokem

    that's cool bro. Love your creative solutions 👌👌👌👌

  • @techgeektw
    @techgeektw Před 2 lety

    remarkable work mate.

  • @gorillaphoto5758
    @gorillaphoto5758 Před rokem

    Great video! Helped me out a lot.

  • @noiso
    @noiso Před 8 měsíci

    Very helpful!

  • @nikitakovalev3438
    @nikitakovalev3438 Před 11 měsíci

    Thank u bro!

  • @thitimanno6692
    @thitimanno6692 Před rokem

    I just wanna learn even more now- it looks so cool o.O

  • @SWOOPNEBULA
    @SWOOPNEBULA Před 2 lety +1

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

  • @Matthijs1308
    @Matthijs1308 Před 8 měsíci

    Really helpful!

  • @user-xk7ho6ps5w
    @user-xk7ho6ps5w Před 7 měsíci +1

    Thank you 🙂

  • @derdeakon85
    @derdeakon85 Před rokem

    Absolutly Amazing bro :)

  • @ecula
    @ecula Před rokem

    Thank you a lot for this! Saved me.

  • @presley_yt
    @presley_yt Před rokem

    Thank you! Very helpful!

  • @mubashir4547
    @mubashir4547 Před 10 měsíci

    Amazing bro Keep It up

  • @championcode6145
    @championcode6145 Před 11 měsíci

    this is very helpful fahad thanks for you to teach use this tricks

  • @G2thesecondpower
    @G2thesecondpower Před 3 měsíci

    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.