Elementor Social Card Hover Effect | WordPress Elementor Pro Tutorial | Elementor Tips and Tricks

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 2024
  • In this tutorial, I'll show you How to Create Social Card Hover Effect using Elementor Page Builder🔥 No additional plugin is required!!
    ✅ Get Elementor PRO:
    jimfahaddigital.com/e-pro
    ✅ Get Tutorial Code Snippets:
    jimfahaddigital.com/tutorial/...
    TIMESTAMP:
    0:00:00 Overview
    0:00:45 Design the Layout using Elementor
    0:04:32 Add Hover Effect using Custom CSS
    0:10:45 Contact Jim Fahad for WordPress Projects
    Subscribe Here: bit.ly/JFDtutorials
    Thanks for Watching!
    ✅ Become a WordPress Freelancer Today! Watch this Tutorial:
    • Elementor Experts Netw...
    ✅ Get Domain & Webhosting(50% off):
    jimfahaddigital.com/hosting
    ✅ 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!

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

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

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

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

      Hi mr how are you? Thank you for the outstanding tutorial, nevertheless I have a concern after following your tuto to the letter with the sections duplicating as I go down. Once I duplicate it, it goes straight to vertical alignment even if I change that.

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

    Ok Jim you're psychic can you read minds right because I was looking for something like that for one new customer!🤯

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

    Dear Jim, I've just created my portfolio thanks to your beautiful videos! Thank you so much. You are very good teacher! 🙏💛🌸

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

    This was a great tutorial! I built it and customized it to my needs and it works great. The animation is very elegant, just how I like it.

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

    Your videos are so helpful, great work

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

    Very helpful! Thanks alot!

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

    Thanks Jim, great tutorial!

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

    Excellent bro. Thank you.

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

    thank you Jim!!

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

    Excellent work!

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

    waooo i love it thanks for the tutorial bro

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

    Very Very helpful.

  • @darkwolf-es9je
    @darkwolf-es9je 2 ปีที่แล้ว +1

    Sir you are great

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

    nice one !

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

    Your video is amazing

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

    Good job, go ahead.

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

    I've seen your videos recently and became a fan. You are such a gem. Then after searching your past Facebook account I've found that you're also a ZillaSchoolian from Bangladesh. Feeling so much happy that my background relates to my favorite TH-camr. Best wishes
    to you. Keep going. In Sha Allah one day I'll also be a great developer like you. ❤

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

    Amazing! Is there a tutorial focus only on making a modern mobile website? Not desktop

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

    Animation effects for post grid pls

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

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

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

    I Love you sir

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

    Hello sir, I like your videos nd follow the steps of making portfolios.
    I am working on my teaching portfolio. Could you provide me some good ideas of how to make it more effective and looks professional.

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

    Hi. Can you release a video on how to fill a gradient stroke on a button?

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

      I also want

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

      and also on hover so that it is filled with gradient

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

    hi sir your videos is so nice
    I have a request for you please make a video about submenu animation please sir

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

    why u have made the shadow spread in negative?

  • @Marcin.Komografika
    @Marcin.Komografika 2 ปีที่แล้ว

    😱

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

    Can I do this but with a video from TH-cam?

  • @user-xc4xn1lh9j
    @user-xc4xn1lh9j 2 ปีที่แล้ว

    Hi, Jim, I watch 50% of your videos. very often they are the same. I wanted to ask you, can you create a unique post output of posts "archive"

  • @hasan-ahmed-25
    @hasan-ahmed-25 ปีที่แล้ว

    i want to craite Youtuve Video on using your Css Code

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

    ✌👍👏👏

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

    Hi brother, Can you please create a tutorial on sticky transparent header and sticky sidebar with elementor. I hope I'll get a reply at least.

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

      Nice topics! I'll of course try to make tutorials on those! 🤗

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

    Awesome! Awesome! Awesome! Jim, you are the 🛰️ Space Station Headquarters of Elementor Designs!🚀✨ Is it possible to create a funnel upsell page from one item to the next using CSS? Keep 🔥 Blazing🚀✨🌎

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

    Bro, where are you a long time to see

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

    ok

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

    bro its a suggestion plz try to make videos on
    (1)slider with css
    (2) progress bar ( in a circul ) with css
    i am very thank full if you make these videos
    Love and respect from pakistan 🇵🇰

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

    Don't know how I bumped onto this. Anyway Awesome video ❤️. I also have been watching those rather similar from mStarTutorials and kinda wonder how you guys make these stuff. MStar Tutorials also had amazing information about similiar things on his channel.

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

    Maybe you are Bangladeshi !! Right?

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

    please give our protfolio website by hellow elementor theeme