Elementor Text Stroke Slide Animation | WordPress Elementor Pro Tutorial | Elementor Tips & Tricks

Поделиться
HTML-код
  • Опубликовано: 11 окт 2024

Комментарии • 77

  • @jimfahaddigital
    @jimfahaddigital  Год назад +2

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @ericjmasters
    @ericjmasters 2 месяца назад

    The boarder that moves is amazing also!!

  • @harshmehta9394
    @harshmehta9394 Месяц назад +1

    How to add this effect to multiple headings on one page as it's doesn't seem to work on more than one?? Please Reply Sir🙏 Big Fan.

  • @sudebkarmokar
    @sudebkarmokar 2 года назад

    Jim, your awesome! Thank you for helping us WordPress newcomers.

  • @simbamadungwe
    @simbamadungwe 2 года назад +1

    Nice I love it ... and can you make a tutorial same effect but on hover

  • @AnysNadhilah
    @AnysNadhilah 7 месяцев назад +1

    when i change the text color to white or transparent, it wont change. i only can change color in the code, so my text does not have dual color

  • @islahlina
    @islahlina 11 месяцев назад

    Thank you for this great tutorial !

  • @RahmadSetiaBudi
    @RahmadSetiaBudi 3 года назад +1

    Mr. Fahad, can you make an tutorial to make section became a slider? Example, if we have an icon or something else inside a inner section. It will be awesome if you can make it one.

  • @ruwanwlr9388
    @ruwanwlr9388 2 года назад +4

    Hey Fahad bro, are all the animations we learned from you can be applied to the mobile version too? (I am concerned about responsiveness). Most of the animated websites on the desktop mode I have seen are without animations on the mobile version. Always thanks for the killer tutorials.

  • @frankstone
    @frankstone 3 года назад +3

    Hi Jim, your awesome! Thank you for helping us WordPress newcomers.

  • @MudasirAzhar2-b3d
    @MudasirAzhar2-b3d 15 дней назад

    Big Fan !!!

  • @leonbrostmeyer5111
    @leonbrostmeyer5111 11 месяцев назад +1

    how do you turn the animation in the other direction

  • @shubhamagrawal5507
    @shubhamagrawal5507 9 месяцев назад +1

    How can we use same css in one page for multiple time?

  • @snk8734
    @snk8734 Год назад +2

    Hi there,
    Can I change something in the code so it ONLY runs once, not on a loop?

    • @yashwanthjanapareedy1073
      @yashwanthjanapareedy1073 Год назад

      Did u got any idea of how to do it ?

    • @eidiipompom
      @eidiipompom Месяц назад

      I am looking for the same. Did you or @yashwanthjanapareedy1073 figure it out?

    • @eidiipompom
      @eidiipompom Месяц назад

      I am looking for the same. Did you or @yaswanthjanapareedy1073 figure it out?

  • @wpeasy
    @wpeasy 2 года назад

    Great stuff. Just came across your channel. Nicely presented and very effective.

  • @nazilafanaei9678
    @nazilafanaei9678 Год назад +1

    Hi thanks for your tutorial. Actually for long text it doesn't work properly in mobile. because in mobile long texts would be in 2 lines but this css type the words in one line to the end.

  • @squer1000
    @squer1000 3 года назад

    Mnogo ti hvala Aladine!!! Najlepse trljas lampu ljubi te brat!

  • @malikabdullah5851
    @malikabdullah5851 2 года назад

    Excellent work bro👍👍👍 but, why is just working on Editing Page? Not working when we preview our page!!!

  • @mohdaniskhan3041
    @mohdaniskhan3041 2 года назад

    Dear bro pls make tutorial for text slide show , fade in/out effect for each sliding image.

  • @DeeepanjanDeys
    @DeeepanjanDeys Год назад

    Thanks , you are great

  • @claired3038
    @claired3038 3 месяца назад

    you are amazing

  • @glencoe1266
    @glencoe1266 2 года назад +1

    This is great, neat! I want to use this but my main header i want to apply too is dynamic and i am calling it from an acf custom field and using dynaic tags in pro to call it. Do you know if i can add the ACF label i created in the css variable?

  • @sannievdb5971
    @sannievdb5971 2 года назад

    I have a question; when the animation 'resets' and starts again, my phone screen is going up to that animation. How can I fix that?
    Furthermore, your tutorials are amazing! Thanks a lot!!!

  • @sumonkhan341
    @sumonkhan341 2 года назад

    very good tutorial

  • @visualmodo
    @visualmodo 3 года назад

    Very good video!

  • @yashwanthjanapareedy1073
    @yashwanthjanapareedy1073 Год назад +1

    How can we make the text stroke only once not infinite times

  • @AbbasAli-gl3cj
    @AbbasAli-gl3cj 9 месяцев назад

    Brother, if I go to any of your websites, I will get all the css coding if you give me the link

  • @sparkle6109
    @sparkle6109 2 года назад

    Great tutorial! Thanks! ❤️

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +2

      Thanks a million!!

    • @sparkle6109
      @sparkle6109 2 года назад

      @@jimfahaddigital Can you please answer a simple question? Will it be responsive? Thank you!

  • @hadari5372
    @hadari5372 7 месяцев назад

    Can I make the animation from right to left?

  • @joshuaoleshe2186
    @joshuaoleshe2186 2 года назад

    Nice video

  • @JosephMatino
    @JosephMatino 2 года назад

    dope

  • @Crx79Remix
    @Crx79Remix 2 года назад

    Hello, after copying the text, the effect with the text remains the same as in the previous section, what should be done so that the next section could have a different text?

    • @arifrimel7917
      @arifrimel7917 2 года назад

      just add different class for defferent section

  • @nadoel
    @nadoel 3 года назад

    Джим, спасибо друг :)
    Ты лампу трешь, чтобы, что-то получилось, а я репу свою.

    • @jimfahaddigital
      @jimfahaddigital  3 года назад +1

      Добро пожаловать, мой друг! Большое спасибо за высокую оценку моей работы!

  • @onemanoutfit
    @onemanoutfit Год назад +1

    how can you get this just to play once and then stop??

    • @eidiipompom
      @eidiipompom Месяц назад

      did you figure it out? Looking for the same.

  • @HarrySmithbushy
    @HarrySmithbushy 2 года назад

    I've used it in the Custom CSS for Elementor (free add-on) but it is not working

  • @rizwansadiq2449
    @rizwansadiq2449 2 года назад

    What I can say is just Waooo......

  • @brentstrydom6108
    @brentstrydom6108 3 года назад

    This is great but how does it work on mobile?

    • @brentstrydom6108
      @brentstrydom6108 3 года назад

      I really like your videos. They are awsome but just one suggestion. Please include mobile optimized versions

  • @chieduagain
    @chieduagain 11 месяцев назад

    L🤣L
    Love you rubbing the genie lamp

    • @jimfahaddigital
      @jimfahaddigital  11 месяцев назад

      haha!! Thank you so much!! 🔥🔥❤️❤️❤️

  • @beavonmoranga9048
    @beavonmoranga9048 Месяц назад

    Why did elementor take away custom css from Essential package! so annoying

  • @thejaskrishna7325
    @thejaskrishna7325 Год назад

    How to do this on 2 or 3 line Headings
    For example : JIM
    FAHAD
    DIGITAL

  • @artimity
    @artimity 10 месяцев назад

    how to do it only once?

  • @sydigital23
    @sydigital23 Год назад

    I can't seem to find the link to get the css code

  • @sroogalal6505
    @sroogalal6505 3 года назад +4

    Why you always use elementor pro we need these things in the ordinary elementor

  • @misterakii
    @misterakii Год назад

    can anybody tell me how can i make it responsive for mobile??

  • @shahzadyaqoob8177
    @shahzadyaqoob8177 2 года назад

    Please share gravity form plugin link where i can download free

  • @l.a2785
    @l.a2785 Год назад

    on mobile it looks so strange. Is it mobile responsive?

  • @someoneinearth51
    @someoneinearth51 2 года назад

    I dont need that animation i need only the stroke. I think now i know how to do it.

  • @JajQo1980
    @JajQo1980 3 года назад

    Nice tip Jim but in the mobile view looks bad

    • @jimfahaddigital
      @jimfahaddigital  3 года назад

      Why!! Even It would look cooler on mobile! Thank you!!

    • @JajQo1980
      @JajQo1980 3 года назад +1

      @@jimfahaddigital the text is not responsive is on one line

    • @jimfahaddigital
      @jimfahaddigital  3 года назад

      @@JajQo1980 Just reduce the font size on Mobile devices. And, yes, It won't look good if it goes to the second line.

  • @HarrySmithbushy
    @HarrySmithbushy 2 года назад

    How do you add this in an HTML widget?

  • @pauladamssupetran9410
    @pauladamssupetran9410 2 года назад

    May I ask where is the css code?

  • @satyajitnayak9046
    @satyajitnayak9046 3 года назад

    👍

  • @mohamed-h7o9d
    @mohamed-h7o9d 11 месяцев назад

    it doesn't function well on mobile

  • @michaeloshinvisuals
    @michaeloshinvisuals Год назад

    It's not responsive to all devices expect desktop mode

  • @SamWereb
    @SamWereb 3 года назад

    This is OK on desktop, but useless on mobile when the line breaks. And no, reducing the font size on mobile simoly to accommodate a gimmick is not a viable solution.

  • @wp-doctor
    @wp-doctor Год назад

    Fahad bhai , this text is not responsive.

  • @mr.adityaparte2602
    @mr.adityaparte2602 5 месяцев назад

    Entry 😂😂

  • @aidanmolloy8634
    @aidanmolloy8634 Год назад

    Why does this stop working after a week, on multiple sites, your code stops working and you are left with nothing.

  • @smt7270
    @smt7270 2 года назад

    very nice tutorial