Тёмный
No video :(

Creative Team Member Card Design with Cool Hover Effect using Elementor | Elementor Tips and Tricks 

Make Dream Website
Подписаться 35 тыс.
Просмотров 13 тыс.
50% 1

Creative Team Member Card Design with Cool Hover Effect using Elementor | Elementor Tips and Tricks
✅Get Elementor Pro:
makedreamwebsite.com/elemento...
✅Get code snippet for Hover Effect:
makedreamwebsite.com/creative...
✅Wavy Background Image Generator:
app.haikei.app/
✅Get Domain & Webhosting(50% off):
makedreamwebsite.com/bluehost
✅Get creative templates on my Template Shop:
templatish.com
In this Elementor tips and tricks tutorial, I have shown you how to create a nice Team Member Elementor Section with a nice transition and hover effect. And it looks far better than the normal Image Box Widget of Elementor. So, you can call it advanced Image Widget or Team Member Widget of Elementor.
Basically, here we use Image, Heading and Social Icon Widgets and also do some custom CSS. And after putting that CSS this card looks like a normal image, but when you hover over on that, it will become a team member card with a nice transition. Lastly, we will make that team member design responsive for all of the devices.
If you want to get regular Elementor tips and tricks, Elementor advanced design, Elementor design tricks and more stay tuned with my channel.

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

 

26 июл 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 29   
@kurandazi8577
@kurandazi8577 Месяц назад
you are superb, great work sir, i want to request you, can you make a video on interactive list styling and designing
@benvining
@benvining Год назад
I was quite busy so I bought this one template feature in a pack of ten for so cheap. It was a legit purchase and worked right away. There is a link in the description. I got some help from the developer within one hour so I thought I would write something nice in return.
@MakeDreamWebsite
@MakeDreamWebsite Год назад
Hi Ben, thank you so much for such an amazing feedback!
@YasienSarlie
@YasienSarlie 2 года назад
great work!!
@MakeDreamWebsite
@MakeDreamWebsite 2 года назад
Thank you!
@Art-01
@Art-01 Год назад
Great work, thank u👍🏻✌️
@MakeDreamWebsite
@MakeDreamWebsite Год назад
You're welcome 🙏
@Art-01
@Art-01 Год назад
@@MakeDreamWebsite You do a great works, thank u again.
@bySterling
@bySterling 2 года назад
So slick!
@MakeDreamWebsite
@MakeDreamWebsite 2 года назад
Many thanks!
@asifislam6866
@asifislam6866 2 года назад
The video is very nice. But, it would have been better if the video of the codes had appeared
@digwillhachi
@digwillhachi 3 года назад
great info, thanks.
@MakeDreamWebsite
@MakeDreamWebsite 3 года назад
You're welcome
@john_alc3353
@john_alc3353 2 года назад
I did not have Elementor Pro How to do ?
@diywebsiteguy
@diywebsiteguy 2 года назад
Are you a brother of Jim Fahad? BTW your video quality is very good.
@MakeDreamWebsite
@MakeDreamWebsite 2 года назад
Yes, you're right, we're brothers.. BTW.. thank you for your appreciation.
@awarquitectosgroup
@awarquitectosgroup Год назад
muy buen video pero no me deja entrar a mirar el codigo css
@MakeDreamWebsite
@MakeDreamWebsite Год назад
Hi, my website is going through an technical error. I'll fix it ASAP
@rimonchowdhury1289
@rimonchowdhury1289 2 года назад
bro.. my image is not covering the whole section.. :( i did exactly the same you did...
@MakeDreamWebsite
@MakeDreamWebsite 2 года назад
Can you share your website. So, I can find out the problem.
@wiseguyfittness
@wiseguyfittness 2 года назад
the css code does not show in the elementor builder correctly. I had to preview the page to see the full effect.
@Thiarara1
@Thiarara1 2 года назад
Highlight the image and add css class " image '
@Masdossen
@Masdossen 2 года назад
why dont u create card effect in the midle than duplicate then change then picture n name just like your brother farhad.. anyway good jub for the design
@arshpreetkaur6378
@arshpreetkaur6378 Месяц назад
Did you write all this code by yourself?
@MakeDreamWebsite
@MakeDreamWebsite Месяц назад
Yes! Sometimes I may get inspiration from others but the code is written by myself!
@arshpreetkaur6378
@arshpreetkaur6378 Месяц назад
@@MakeDreamWebsite Really Impressive.How much time does it take you to learn html css and js?
@MakeDreamWebsite
@MakeDreamWebsite Месяц назад
In my opinion, it may take you 1 year to master on these fields. In my case it takes 2/3 years because I didn’t do it in an organised way as I take longer breaks during my learning periods.
@arshpreetkaur6378
@arshpreetkaur6378 Месяц назад
@@MakeDreamWebsite At what age do you start learning coding?.I am 18 years old I know only basic code as I am working on wordpress.I am a learner.
@MakeDreamWebsite
@MakeDreamWebsite Месяц назад
I started learning html, css, js, php from 2013. Then, from 2015 I also started WordPress…
Далее