SQUID GAME Hover Effect using Elementor | WordPress Elementor Pro Tutorial | Elementor Tricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ค. 2024
  • In this tutorial, I'll show you How to Make a RESPONSIVE Squid Game Hover Effect using Elementor 🔥 No additional plugin is required!! WordPress Elementor Pro Tutorial. Elementor Tips & Tricks Tutorial!
    ✅ Get Elementor PRO (my affiliate link):
    jimfahaddigital.com/e-pro
    ✅ Get Tutorial Code Snippets & Images:
    jimfahaddigital.com/tutorial/...
    ✅ Get Domain & Webhosting(50% off):
    jimfahaddigital.com/hosting
    Subscribe Here: bit.ly/JFDtutorials
    TIMESTAMP:
    0:00:00 Overview
    0:00:58 Design the Layout using Elementor
    0:05:03 Responsive Design using Elementor
    0:08:50 Creating the Trigger Buttons/Shapes
    0:12:07 Adding Hover Functionality Option
    0:19:37 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!

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

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

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

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

    This channel is one of, if not the best elementor TH-cam channels. Amazing work! Thank you.

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

    Thanks Jim!!! I genuinely look out for your next video since I discovered your channel. You create magic always! Thank you

  • @PrashantSingh-vp4ly
    @PrashantSingh-vp4ly 2 ปีที่แล้ว +5

    Perfection is here

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

    AMAZING tutorial Jim, thank you very much for sharing your knowledge with us!

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

    THIS IS an absolute perfect way of creating a personalized hero slider!!! :o

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

    Best out of the box content 🔥👍

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

    good tutorial,fahad

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

    Very useful tutorial, thanks!

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

    thank's for tutorial , this is perfect 😄

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

    really a great idea

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

    Jim the best❤

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

    Thank you very much for this interesting tutorial! Greetings from Mexico.

  • @wfrha.online
    @wfrha.online 2 ปีที่แล้ว

    this is perfect

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

    I love you conteeeeeent siiiiir!!!

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

    Excelente vídeo Jim, não sabia manipular a imagem dessa forma. Obrigado. 👏👏👏👏

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

      Excellent video Jim, I didn't know how to manipulate the image that way. Thanks. 👏👏👏👏

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

    Thankyou bro ☕

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

    You are a real hero Boos

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

    Wow👏👏👏👏👏👏👏

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

    may allah reward you for your effort

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

    I love you and your content #bangladesh

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

    ❤️

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

    Elementor company should hire you as you know how to use the features creatively.

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

    Make a tutorial on, how to choose colour and font of a website.
    By the way your tutorials are amazing

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

    Bro, are these animations working with the mobile version (responsive) too? Thanks for the amazing tutorial.

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

    This is what i'm searching about. Thank you sir.
    Is it possible to create carousel that contains this hover effect?

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

    I can get this to work

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

    bieeen

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

    hi, first of all I thank you for this very cool tutorial. I've been able to implement everything well (by click or by hover). But there is one problem that I can't solve, how to set the javascript page/section switching function by using swipe up and swipe down?. Thank you, hope you can help me 🙂🙏

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

    How to implement Show and Hide this section with swipe (up and down) function? If I swipe up, it will move to the next section, and if I swipe down, it will return to the previous section ? Thanks

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

    Can you make a "dark mode" on website?

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

    This worked perfectly, but I can't get it to work when I have more than one product on a page. I changed the class ID for each product and updated it in the html code, but I hides ALL the products on the page whenever I hover any swatch. Please help Jim. You're the best!

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

    💞💞💞💞

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

    Brother in my elementor pro i did not find positioning how to activate that ?

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

    Bro What is your Macbook model?

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

    Hello ,
    My name is fahad and i am a wordpress developer , i am watching your videos on youtube since long time and i have learned elementor only from you . i follow you and you are my teacher .
    i have watched a video in which on button click , you are changing image and text for testimonials . i have a slightly different testimonial section in which there is a slider for changing testimonials , but the image is static . Now i want to change the image on click on slider arrow . its similar to as you done but i couldnt understand what small thing i need to do . i needed a little guidance/advice/opinion or a hint . if you help me with code , that will be the end of the world , thanks

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

    Watch out with unset. It's not fully supported.

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

    Hi Fahad can make video on scrolling effect and parallax effect with elementor pro and js

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

      Great Topic! I'll try to create on that topic soon!! 🔥

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

    Please 🙏 make video on LMS online courses full website
    But please include
    Physics
    Chemistry
    BIOLOGY
    English
    And videos and Quizzes Test examination
    No one video is available on you tube using elementor
    Thanks

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

    Is it possible without elementor pro?

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

    Hello thank you for this amazing tips
    Do you have the same thing with hover but with pictures.
    I explain myself : Replace the button by a profil pictures hover and this hover change central pictures :)
    If you can help me your are the boss 😎😎 Ps: I can send you and example in attachement

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

    I would like it to work with the click and not with the roll over! is it possible ?

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

      Here you go th-cam.com/video/nys-bvFn2Kg/w-d-xo.html

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

    what if i wanted to set it to click and not hover?

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

      Then you can follow this th-cam.com/video/nys-bvFn2Kg/w-d-xo.html
      Thank you!!

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

    Which addon includes free coverflow slider?

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

      I'm not sure which one covers it! But I'm creating one addon to make a touch slider! I'll try to create a video on that next week

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

      @@jimfahaddigital Looking forward! Searching for a while

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

    Hello Bro

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

      Hey bro!! Just came back from vacation. haha! 🔥

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

      Okay Well Come back with new ideas

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

    Are you Bangladeshi? Plz answer

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

      🇧🇩🇧🇩🇧🇩

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

      @@jimfahaddigital Ami face dykhai bujcih apni Bangladeshi 😄. Dil ar aktah tan asa 💗