Тёмный

Creative Team Member Section using Elementor | Glassmorphism 

Jim Fahad Digital
Подписаться 122 тыс.
Просмотров 29 тыс.
50% 1

In this tutorial, I'll show you How to Create Creative Team Member Section using Elementor Page Builder 🔥🔥No additional plugin is required!! 🔥
✅ Get Elementor PRO:
jimfahaddigital.com/e-pro
✅ Get Tutorial Code Snippets:
jimfahaddigital.com/tutorial/...
✅ Get Domain & Webhosting(50% off):
jimfahaddigital.com/hosting
Subscribe Here: bit.ly/JFDtutorials
TIMESTAMP:
0:00:00 Overview
0:00:34 Design the Layout using Elementor
0:04:22 Adding Glassmorphism Hover Effect
0:10:28 Contact Jim Fahad
In this tutorial, I've shown how to make a creative team member area/section using Elementor Page builder. By default it will only display the member's image, and, when we'll hover over on it - it will display the team member's other information!
I've made the layout using Elementor Page builder. And, then applied 2 Custom CSS snippets. I've also provided the Tricky CSS codes with you! I hope this Elementor Tips and Tricks video will give your website a new creative look!
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!

Опубликовано:

 

13 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 49   
@jimfahaddigital
@jimfahaddigital Год назад
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
@troylee2597
@troylee2597 2 года назад
Honestly speaking, your tutorials are the best that I have watched so far. 💯
@rosmelciber
@rosmelciber 2 года назад
Friend, as every video you make is insurmountable, you are a great professional, your videos are the only ones on RU-vid that excite me when I see them. Thank you friend.
@enriquedavila4547
@enriquedavila4547 2 года назад
Excelent work, simply perfect. Thank you!
@susangemayel-tapper3794
@susangemayel-tapper3794 2 года назад
Thank you Jim, as always GREAT tutorial.
@knutknobloch6731
@knutknobloch6731 2 года назад
your videos are mega and always help me and give me good ideas. thanks for that
@MehranYouthAcademy
@MehranYouthAcademy 2 года назад
Sir, You are Really very very helpful for me.🌹🌹 I am always taking ideas from your videos for my projects. Thank You So Much Sir.
@user-wq8di8xb2e
@user-wq8di8xb2e Год назад
Thank you so much its so helpful for me.😊
@hoahoangxuan9246
@hoahoangxuan9246 2 года назад
Great tutorial! Hope more helpful tutorials like this. Thank you so much for sharing.
@jimfahaddigital
@jimfahaddigital 2 года назад
Thank you so much!!
@master_coaching
@master_coaching 2 года назад
You're Amazing 🥰
@jaimcgee4566
@jaimcgee4566 2 года назад
This is awesome!!! It make want get Elementor
@atabayat
@atabayat 2 года назад
Great Tutorial Jim, keep up the good work :)
@jimfahaddigital
@jimfahaddigital 2 года назад
Many thanks! 😍
@Digital.Creator.06
@Digital.Creator.06 2 года назад
Great!!
@warrior7862
@warrior7862 2 года назад
thanks for the video bro you are amezing 😍
@naihascorner
@naihascorner 2 года назад
thanks😀
@shajan7
@shajan7 Год назад
good one
@RRawshon
@RRawshon 2 года назад
you are really genius
@sajtexpert
@sajtexpert Год назад
Thanks Jim from Russia
@diranachintha8798
@diranachintha8798 Год назад
Love You 😘
@DamianMartinBuc
@DamianMartinBuc 2 года назад
muy cool, todo lo diseños
@Jamsandekar
@Jamsandekar 2 года назад
Hey hi v nice video 😍😍
@anuragsingh-rw6px
@anuragsingh-rw6px 2 года назад
Very nice tutorial brother keep posting
@jimfahaddigital
@jimfahaddigital 2 года назад
Thank you, I will 😇🤗
@GianRufin
@GianRufin Год назад
Hi Jim thank you for this! I have a question, do you know a way to when the user hover, the team member image changes into a video? Thanks!
@dottybucannon7527
@dottybucannon7527 Год назад
Hey again another very cool tutorial, I only made it with a normal Loop with flexbox containers, this works very well, but the setup is very different. (maybe a little tip!)
@balmirdan
@balmirdan Год назад
Can you share your code for containers pls? The one Jim uses works with containers if you use only one container. If you add a second container the code brakes and the content looses the effects.
@alexlefkowitz
@alexlefkowitz 2 года назад
Jim does this work with Elementor's new containers? If so, how do you set up the CSS properly?
@OmarWaleed
@OmarWaleed 2 года назад
Thanks, is this work with container also?
@grantwylie4302
@grantwylie4302 2 года назад
wow amazing brother!! if i took time to read all your other comements they will all say the same. dude you got mad skills. thanks a bunch i will be studying your moves. i have a few questions though. which theme are you using for all these tutorials? i have bought the astra pro which i will be using on all my sites do you have any others that you recomend. and for your custom css code snippets, is there a site you can recomend for all different custom css codes? again thanks for sharing your talent with the world. you will have quite the following in the future.
@PrashantSingh-vp4ly
@PrashantSingh-vp4ly 2 года назад
Ooooooo yeeeeeee 😍
@saggorsaddam8202
@saggorsaddam8202 Год назад
Jim does this work with Elementor's new containers? If so, how do you set up the CSS properly? i try to many ways but i cant did it like u
@md.farukulislam5740
@md.farukulislam5740 2 года назад
Thank you boss ......Boss can give an idea. How to get premium themes and plugins for practice
@hmikramwpexpert7261
@hmikramwpexpert7261 2 года назад
Please make a video on the hover effect Like underline from left any text or button. I have searched many places but have not found a good result.I always first view in your all video.Please make next a video on this topic
@mohammodroby8346
@mohammodroby8346 5 месяцев назад
Bro , will it work on flexbox container??
@dennisclavs4678
@dennisclavs4678 2 года назад
Hey Jim, on mobile vision on IPhone12Pro the Blur is not existing. Do u have the same issue? BEST VIDEOS FOR WORDPRESS 5 of 5
@nazmulhoque4383
@nazmulhoque4383 2 года назад
If possible please provide a video how to design a service in wordpress look like fiverr gig🥰
@easytolearnwithesrat9206
@easytolearnwithesrat9206 2 года назад
why hover effect diesn't work properly ? plz tell me what should i do ?
@davdjonatan
@davdjonatan 10 месяцев назад
Everything good until the css class part. How do I use the containers feature that Elementor now has?
@JoyHints
@JoyHints 2 года назад
Nice card but the backdrop filter doesn’t work on Firefox or?
@jimfahaddigital
@jimfahaddigital 2 года назад
True :(
@muhammadhaseeb1965
@muhammadhaseeb1965 Год назад
bro Css is not working in new flex box container
@prominds-sinke
@prominds-sinke Год назад
the css does not work for me.
@Jamsandekar
@Jamsandekar 2 года назад
Can u please make pop up button video 🙏 If anybody click on button form will appear Can you please make that video 🙏🙏
@SharifulIslam-sl7yt
@SharifulIslam-sl7yt 2 года назад
Sir I am a 12 years old my father gave me to make a website of my fathers collage I know almost full WordPress but My question is how i design it so would you help with making a video how to make a collage website in 1 hour
@wiseguyfittness
@wiseguyfittness 2 года назад
I have noticed that a few of these tutorials do not work correctly when using Dynamic Data. You should make a few tutorials using these types of designs with Dynamic Data.
@Birgir_Birgisson
@Birgir_Birgisson Год назад
Ahrrg! I have really enjoyed all tutorials - this time I was annoyed to watch 5 minutes 40 seconds before finding out that this is a Elementor Pro tutorial. Please mention that it's Pro in the name of the video 😐
@jimfahaddigital
@jimfahaddigital Год назад
Uggh!! Sorry about that bro!! 😭
Далее
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
Косплей на ГОЛОВОЛОМКА 2!
15:20
Просмотров 201 тыс.
Show More/Show Less... using Elementor (Free)
14:53
Просмотров 47 тыс.
11 Section layouts to make your website ultra UNIQUE
13:42
Glass Effect in Elementor | Glassmorphism 🔥
16:16
Просмотров 90 тыс.
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29