Elementor Sticky Image when Text Scrolls 🔥 WordPress Elementor Pro Tricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 2024
  • In this tutorial, I'll show you How to Make Elementor Sticky Image when Text Scrolls 🔥 🔥 No additional plugin is required!!
    ✅ Get Elementor PRO:
    jimfahaddigital.com/e-pro
    ✅ Get Domain & Webhosting(50% off):
    jimfahaddigital.com/hosting
    Subscribe Here: bit.ly/JFDtutorials
    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!

ความคิดเห็น • 54

  • @jimfahaddigital
    @jimfahaddigital  ปีที่แล้ว

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @sanjaysadanand4959
    @sanjaysadanand4959 2 ปีที่แล้ว +5

    Very useful tutorial Jim. Your elplanation is very clear and tutorials are easy to understand. Respect.

  • @motivenation5595
    @motivenation5595 2 ปีที่แล้ว

    Love These Designs.. this s what Type of Elementor tutorials I needed, Keep It up.

  • @cacomartin
    @cacomartin 2 ปีที่แล้ว

    Hi Jim! Amazing and easy to follow tutorial! I’m new in your channel, I learning a lot! 🤩

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 2 ปีที่แล้ว +1

    Thanks Jim great tutorial!

  • @md-jahid_hasan
    @md-jahid_hasan 2 ปีที่แล้ว

    Thank you very much This video is really useful. I didn't know these tricks

  • @alvarez958
    @alvarez958 ปีที่แล้ว

    I dont know if you realise how much you are Amanzing Jim !!!!!!!!!😋

  • @MelissaADavis
    @MelissaADavis 2 ปีที่แล้ว

    Awesome tutorial 👍🏽

  • @borisnieminen677
    @borisnieminen677 2 ปีที่แล้ว +1

    Hi, great tutorial! Is it possible to add scroll snap, full page scrolling, also known as multi-scroll, split scroll, one side scrolls up while the the other scrolls down? Thanks and best regards

  • @sudebkarmokar
    @sudebkarmokar ปีที่แล้ว

    Thank you brother for us a beautiful gift.

  • @nusrat_jahan_mimm
    @nusrat_jahan_mimm 2 ปีที่แล้ว

    Really good. Excellent man.

  • @mohammadmuttiullahlakho2815
    @mohammadmuttiullahlakho2815 11 หลายเดือนก่อน

    brilliant teacher sir jim fahad good going

  • @rushikeshhande4185
    @rushikeshhande4185 2 ปีที่แล้ว

    Nice effect, I liked it

  • @papayawebmedia
    @papayawebmedia 2 ปีที่แล้ว +1

    I love your videos! One question: Why not use Elementor's "Sticky" option?

  • @samsurrahmansaiel9103
    @samsurrahmansaiel9103 ปีที่แล้ว

    thank you so much.

  • @AadityaSharmas
    @AadityaSharmas 2 ปีที่แล้ว

    Great 👍 keep posting like this..

  • @Abtech_studio
    @Abtech_studio 2 ปีที่แล้ว +1

    Thanks..Love from bangladesh

  • @CHANDANSHARMA-dn8wv
    @CHANDANSHARMA-dn8wv 2 ปีที่แล้ว

    Love u bro, thanks

  • @warrior7862
    @warrior7862 2 ปีที่แล้ว

    bro im from pakistan and by god you and your team work really hard . best of luck and thanks for your contant bro . ma sha allah mai tu fan ho gya ❤
    plz make more videos like this ..

  • @anisohassanabdulahi1999
    @anisohassanabdulahi1999 10 หลายเดือนก่อน

    Thanks ❤

  • @danishmirza342
    @danishmirza342 ปีที่แล้ว +1

    it's perfect works for the image but what if I wanted to add the same thing to the text like if instaed of the image there is a heading on the side and want to make that heading sticky what I can do to make that text sticky?

  • @pubgmafia1850
    @pubgmafia1850 ปีที่แล้ว

    Thank you so much broh for that amaZing code>>>>3

  • @upbeataffiliate3436
    @upbeataffiliate3436 2 ปีที่แล้ว

    Great . ✅

  • @adied7725
    @adied7725 2 ปีที่แล้ว

    How to do this in the Hero section?, please
    GREAT videos thanks for your help👍😊

  • @Ahmedb1
    @Ahmedb1 2 ปีที่แล้ว

    Please never stop making these kind of tutorials

  • @omarfidelgarcia
    @omarfidelgarcia 8 หลายเดือนก่อน

    Hi Jim! Im building my web page and I have a question on how to make a similar effect. Is there a way to talk in private about it?

  • @onemanoutfit
    @onemanoutfit ปีที่แล้ว

    hi jim the first tutorial of your your that I cant get to work no matter how many times I rebuild it , I think there is a 2022 update in elementor pro stopping it ... Any ideas

  • @mdabdullatifsagor2260
    @mdabdullatifsagor2260 2 ปีที่แล้ว

    Awesome

  • @bySterling
    @bySterling 2 ปีที่แล้ว

    Very cool! Hey Jim is there a way on mobile to have the image fixed and the text white column scrolls up over it and then the next image slide over first image then is fixed and same for the last section? I think this would be an awesome way to have a similar style for mobile 🙌🏻📱⚡️ Pls let us know! #YoureTheMan!

  • @mehidihasanmoon6270
    @mehidihasanmoon6270 ปีที่แล้ว

    Best ♥️

  • @anirbanrubel
    @anirbanrubel 2 ปีที่แล้ว

    I want only one section the the whole page. but after creating the section when I am viewing the page the page have so many white scape under the section.The page should stop once the section ends isn't it? Then why it keep on scrolling? I have made the page elementor canvas. How to resolve?

  • @simaislam7315
    @simaislam7315 2 ปีที่แล้ว

    thanks vai

  • @ravshankazakov3591
    @ravshankazakov3591 8 หลายเดือนก่อน

    Does "column reverse" available in pro version only?

  • @laloguerrero4542
    @laloguerrero4542 2 ปีที่แล้ว

    can I change a background video instead of colors?

  • @youtub4082
    @youtub4082 ปีที่แล้ว

    wow 😍

  • @stuartibbotson7179
    @stuartibbotson7179 ปีที่แล้ว +1

    Great video ... question instead of img on the left side I have tried to use text and apply text on the left side to the base
    The CSS i guess needs to change to bottom YES NO ??
    selector{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    }
    but when i change the " top: 0;" to bottom: 0; it doesnt work ...ok
    is there a way of applying the change of the sticky

  • @mohsinworld
    @mohsinworld ปีที่แล้ว

    Is it possible to make this same design without Elementor pro?

  • @tubaakbar1804
    @tubaakbar1804 ปีที่แล้ว

    can anyone plz tell me where is the css code of this video in link ?

  • @naufalhelmisausan6631
    @naufalhelmisausan6631 7 หลายเดือนก่อน

    Its not work in container,did you have alternate? but if when in image its work, kinda odd

  • @miladva4561
    @miladva4561 2 ปีที่แล้ว

    Hi! Can you make a video for how we can change search widget and menu cart widget icon with custom icon in elementor pro? Thanks

    • @jimfahaddigital
      @jimfahaddigital  2 ปีที่แล้ว

      Awesome! I'll have a look on that and definitely try to make a tutorial on that! Thanks for the suggestion buddy! 💖

    • @miladva4561
      @miladva4561 2 ปีที่แล้ว

      @@jimfahaddigital Amazing! I can’t wait!

  • @jordkuijer3260
    @jordkuijer3260 2 ปีที่แล้ว

    These is a build in sticky in Elementor you should use

  • @tecvideo24_Ripon
    @tecvideo24_Ripon 10 หลายเดือนก่อน

    Sir I am watching your all videos. Try again and again But description box not CSS code link. I am already visite your website.

  • @harshkhaitan4478
    @harshkhaitan4478 10 หลายเดือนก่อน

    This doesn’t work for me. I have trued several times but it is just not working

  • @estrellaabatayo8255
    @estrellaabatayo8255 9 หลายเดือนก่อน

    why it does not work for me?

  • @artyom-h
    @artyom-h 2 ปีที่แล้ว

    The code what you need on 5:28

  • @mdshoeb9467
    @mdshoeb9467 2 ปีที่แล้ว +1

    Bro you need more subscribe compare to your skill

    • @jimfahaddigital
      @jimfahaddigital  2 ปีที่แล้ว

      Thank you so much! Feel free to share these videos with your friends! 💖

  • @davidbarnes4984
    @davidbarnes4984 ปีที่แล้ว

    Am i the only one who cannot get this to work

  • @jack2media
    @jack2media ปีที่แล้ว

    Odd, Sticky is no an option.

  • @codingradar7203
    @codingradar7203 2 ปีที่แล้ว

    jo har video me cirag ghisne wala scene h bohot hi ghatiya h please reedit karke delete kardo jhala do

  • @nimahub
    @nimahub 2 หลายเดือนก่อน

    Jim Fahad رفیق

  • @bijoyerchetona
    @bijoyerchetona ปีที่แล้ว