Elementor Card Slide-Down Animation On Hover | WordPress Elementor Pro Tutorial | Elementor Tricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 พ.ย. 2024

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

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

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

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

      Hello sir.. Thank you so much for the tutorial... May God bless you always.. But, may I know which version of elementor that you used? Because it's quite different than mine..

  • @robinwoodactivitycentres1526
    @robinwoodactivitycentres1526 5 หลายเดือนก่อน

    Hi @jimfahaddigital, this is a great tutorial, thank you. I'm using it within a template to use in a testimonial carousel for a meet the staff section. Would it be better to set custom break points in the CSS to change the first selector height or should I build a separate carousel for mobile and edit the visibility? Many thanks, Matt

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

    You have full respect and love

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

    Awesome! So on mobile it works when thumb pressed not hover? Luv your tutorials sir

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

      container min height change to mobile

  • @atfranco00
    @atfranco00 3 ปีที่แล้ว

    hello sr, nice job, apreciate a lot... just one tip/question.. Can you show your examples in mobile too? I have a doubt if some examples works on celphone
    ty!

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

    Again another nice tutorial. Your becoming the new oh boi.. Keep up the great work..

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

    Nice Tutorial Bro.... Big Respect 💕🙏

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

    Again great work, thx a lot, but is there a way to do this the other way around, like text on the outside hide and on hoover slide-in on top of image?? Greetings from Dotty from the Netherlands

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

    thank you for the great tutorial.
    Is it possible to work hover from left to right ?

  • @mehendycreative4891
    @mehendycreative4891 3 ปีที่แล้ว

    thank you sir
    I have seen all your video about WordPress but I wanna make you to make html and css tutorial

  • @spheree1
    @spheree1 3 หลายเดือนก่อน

    What if theres more text and want to hide it comepletly when its normal and when hover just expand?

  • @ivymarluk
    @ivymarluk 3 ปีที่แล้ว +3

    Hola fahad ! Saludos desde México, si la escritura es más larga sobre pasa la imagen?

    • @TechAdi
      @TechAdi 3 ปีที่แล้ว

      Then increase the size of white background, or if needed increase the size of top image as well

    • @TechAdi
      @TechAdi 3 ปีที่แล้ว

      Puede aumentar el tamaño del fondo blanco o, si es necesario, aumentar también el tamaño de la imagen superior. Gracias

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

    Amzing for desktop but didn't work on mobile though.... the images keeps overlaping. Any idea why?

  • @twjohnsontsai
    @twjohnsontsai 3 ปีที่แล้ว +2

    Hello, my text frame cannot move with the background layer. Does anyone know how to deal with it?

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

    thank may Gob bless u

  • @zainabkorai1916
    @zainabkorai1916 3 ปีที่แล้ว

    Yar you make my work beautiful

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

    Nice tutorial, but on mobile device we can not hover, so share the media query code so the text will be always shown in mobile version.

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

      Yes agreed

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

      Actually, CSS :hover works on Mobile as well... Of course not on hover but on TAP/CLICK. Thank you so much for your concern!! 😇

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

      Hi @@jimfahaddigital I love your tutorials, could you explain how to do it with Tap/Click?

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

      container min height change to mobile

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

    Please make a tutorial on the pricing table like Fiverr three tab together pricing tab
    I request again dear

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

    Thanks man! this is great!

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

    Great 👍 love it... Waiting for next video 😛

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

    hey jim, i guess there is some issue with our elementor or it's slight different than yours because the margin we are adding is working inside as of a padding works. that's why i guess many of us are having some issue with that in mobile view. the columns are overlapping each other. please help us man thanks.

  • @tabithao.abiola7540
    @tabithao.abiola7540 2 ปีที่แล้ว

    Brilliant work👍

  • @Art-01
    @Art-01 2 ปีที่แล้ว

    Thank u

  • @visualmodo
    @visualmodo 3 ปีที่แล้ว

    Really good video!

  • @mehendycreative4891
    @mehendycreative4891 3 ปีที่แล้ว

    and I am also waiting your ebook about freelancing

  • @Beta-Obaghi
    @Beta-Obaghi 3 ปีที่แล้ว

    Nice post.. Thanks

  • @Groovepublic
    @Groovepublic 3 ปีที่แล้ว

    my column always follows the right and left , how can your column not follow the other column ? Please answer

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

    How we can add slider In this Position

  • @arshilbabu516
    @arshilbabu516 3 ปีที่แล้ว

    How to apply this effect for a particular page?

  • @nomirrors8410
    @nomirrors8410 3 ปีที่แล้ว

    Hello , what is the code if I want the test to show on click bot hover

  • @madhursharma8217
    @madhursharma8217 3 ปีที่แล้ว

    thanks bhaijaan

  • @YasienSarlie
    @YasienSarlie 3 ปีที่แล้ว

    Nice one... Well done

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

    what if I have so much text that goes out of the column even after z-index

  • @miraazulpiyal
    @miraazulpiyal 3 ปีที่แล้ว +5

    Sir please make a elementor custom widgets tutorial

    • @OscarObians
      @OscarObians 3 ปีที่แล้ว

      Yes!

    • @Assam-nm4zi
      @Assam-nm4zi 7 หลายเดือนก่อน

      It would be great.

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

    i can't remove the space between paragraph and heading😢😢.
    Please show me the right way to solve this issue.

  • @jjes.studio
    @jjes.studio ปีที่แล้ว

    In the new version, the Elementor is in containers, in the mobile version, the text moves to the side. Does not work. Maybe there is a solution?

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

      did you find a solution for this?

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

    helllo .. were is Css code ? please help ?

  • @Abu_Bakar_Siddique.
    @Abu_Bakar_Siddique. 3 ปีที่แล้ว

    great

  • @Abu_Bakar_Siddique.
    @Abu_Bakar_Siddique. 3 ปีที่แล้ว

    nice

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

    I love you

  • @mehendycreative4891
    @mehendycreative4891 3 ปีที่แล้ว

    because you use CSS coding in your tutorial

  • @OsamaKhan12181
    @OsamaKhan12181 3 ปีที่แล้ว

    Need a little help..can you reply on email?

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

    Please make a tutorial on the pricing table like Fiverr three tab together pricing tab
    I request again dear