No video :(

Interactive Portfolio using Elementor Flex Container | WordPress Elementor Pro Tutorial ( Tricks )

Подписаться 125 тыс.

Просмотров 34 тыс.

50% 1

In this tutorial, I'll show you How to Make an Interactive Portfolio Showcasing section using Elementor Pro. It's 100% Mobile responsive using Elementor Page Builder.
✅ Get Elementor:
jimfahaddigital.com/e-pro
✅ Get Tutorial Images & Code Snippets:
jimfahaddigital.com/tutorial/...
✅ Get Domain & Webhosting(70% off):
jimfahaddigital.com/namehero
Subscribe Here: bit.ly/JFDtutorials
0:00:00 Overview
0:01:02 Create Layout using Elementor Flexbox
0:06:08 Making it Responsive
0:10:52 Making the Portfolio Interactive
Thanks for Watching!
✅ Become a WordPress Freelancer Today! Watch this Tutorial:
• Elementor Experts Netw...
✅ Get Domain & Webhosting(70% off):
jimfahaddigital.com/namehero
✅ Hire a Pro Web Developer:
jimfahaddigital.com
-----------------------------------------------------------------------------
And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS:
Elementor Masterclass 2022:
• How To Make A Digital ...
Portfolio Website using Elementor 2022:
• How To Make A STUNNING...
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
About:
10 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 2022 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!

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

12 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 107

@jimfahaddigital Год назад

🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

@EricB-vh8hi Год назад

This trick is so versatile! You can apply the "my-img" class to containers as well. It scuffs up your margins but there are a ton of work arounds for experienced designers. This is a God Tier solution for custom custom tabs! Thanx Jim!

@Arun-je2kt Год назад

Bro. Post, how to create Vertical menu bar.

@jimfahaddigital Год назад

Noted! Thank you so much!

@ashkalimpact Год назад

Finally...💃💃 Thanks so much God bless you...much love from Nigeria ❤️❤️

@jimfahaddigital Год назад

Thanks a million!!

@mehedeebd Месяц назад

Please make more videos like this

@highsite Год назад

I did it now on my website. Looks always beautiful job.

@alexandercastanedatamayo7767 Год назад

This type of video has been a great help to me. Thanks for making them, I can't look forward to watching the on coming videos.

@ronald6465 Год назад

Another amazing and well done video. 👏 👏👏 Thank you sir

@iagosouza9704 Год назад

You are a jewel Jim Fahad, i hope you make alot money, always help me!

@learnearn3166 Год назад

Thank you for such a nice tutorial 😀

@yairshalit6047 Год назад

you are awsome plz keep it up!!!! make more cool interactive things like that!!! tyy!!!

@nicoleluyten9385 Год назад

Beautiful video, as usual! Could you make a video about the elementor magic scroll global addon? It' very difficult to find any good material on that, and it would be interesting to see what you can achieve with it. Thanks a lot for all your hard work!

@cryptofoliu6850 3 месяца назад

Thank you, it has been very usefull

@youtub4082 Год назад

Wow!! This is awesome, Fahad vai !

@primalscream40 Год назад

Thanks for sharing this. Very much appreciated

@user-le8lm9dg9c 8 месяцев назад

my notes: desktop: - just need to change the width to1120 of the container instead of adding padding to the sides 1:40 - use typography from my own global settings 3:32 ipad - don't need to adjust my padding of the big container if used my own css code "pad-s" 6:41 - use typography from my own global settings 7:00 mobile - for the container with icon and text and I can do horizontal direction and use wrap then percentages to each widget based on how many columns I want (prob 35% to have 2 columns) 7:52 - use typography from my own global settings 8:48

@TendenciasDigitalesIA Год назад

Jim soy de Perú, gracias por compartir tus conocimientos de verdad me has ayudado mucho, Bendiciones.

@jimfahaddigital Год назад

¡Muchas gracias por compartir! ¡Sigue apoyándome, Víctor!

@gayathrisuresh1364 Год назад

can you please explain me using button image option with this method?

@marazzak1811 Год назад

Your regular viewer from BD🇧🇩. You are a gem❤

@jimfahaddigital Год назад

Thanks a billion brother!

@kamrul5286 Год назад

Wow! Thank a lot brother ❤️ from 🇧🇩

@jimfahaddigital Год назад

You're most welcome brother!!

@WEBnew228 8 месяцев назад

Спасибо братуха,из из другой страны,подписался и лайк

@techiebhaii Год назад

Really Like Your Work Love From Pakistan

@DevObinna Год назад

Wow!! This is awesome, Jim!

@jimfahaddigital Год назад

Thank you so much. Means a lot!!

@stanfordlee Год назад

very helpful!. Thank you, Jim.

@jimfahaddigital Год назад

Means a lot!

@Tehpa13 Год назад

Fantastic Tutorial.

@prokassim Год назад

Amazing , thank you very much.

@mayankjha2399 Год назад

Love your content, love from India

@jimfahaddigital Год назад

Means a lot! Thank you so much!

@eduardosariego2603 Год назад

Thanks, I need this tutorial 🙏🙏🙏

@jimfahaddigital Год назад

Awesome! Thank you so much!

@hafijur191 Год назад

Awesome Video thanks ❤️

@AllenLu Год назад

this is the kind of video that I like!

@jimfahaddigital Год назад

Wow! Love to hear that!

@blueinarts_ 5 дней назад

Hello, How can I implement this with a plugin and without using css code?

@shuvokumar3795 Год назад

amazing video jim fahad sir. Big Fan

@jimfahaddigital Год назад

Thank you so much brother!

@arenawebrd Год назад

Thank you, greate as always 👍

@jimfahaddigital Год назад

Means a lot!! I really love the way you support always!

@mochammadanggifaisal9104 Год назад

How bro your video so amazing, and for the next video create how to sell ticket with elementor..thanks jim

@tersosevket2060 Год назад

adam keee!!

@ZHARCO 7 месяцев назад

Thank you

@arlinn13 Год назад

sir, can u make a title of description about all image i hover on it / click in mobile i think if we hover on it in specific title , and change the image, and pop up some description about the page. I think is a really complete animation i ever seen

@KangteDevelopers-re4wd 11 месяцев назад

Thankyou sir❤

@nelsonopeyemi2172 Год назад

Can you make a video on how to add image as left and right side arrow in image carousel or slide

@alexandercastanedatamayo7767 Год назад

¡Gracias!

@asifislam3720 Год назад

Amazing brother ❤

@jimfahaddigital Год назад

Thank you so much for your kind appreciation!

@JeanBaptisteChabi Год назад

Thanks for the guide, the 6th is not working for me

@smt7270 Год назад

Nice video Thanks you sir

@jimfahaddigital Год назад

Means a lot!!❤

@inamullah4711 Год назад

hey you are amaizing bro i am watching you from pakistan and i humble request you just make a video on animination for text and column which is very important for us. i am waiting for it.

@mohammedalbalaawi1426 Год назад

Thank you, Can I use this css code without having Elementor pro ?

@healthadvisor6969 Год назад

Awesome 👍

@jimfahaddigital Год назад

Thank you so much!!🎉

@thilagavathichandru1569 Год назад

potential guy amazing insight

@jimfahaddigital Год назад

Thank you so much!!

@almahmud1834 Год назад

nice tutorial

@jimfahaddigital Год назад

Means a lot!! Love the way you appreciate always!

@kishanv7546 Год назад

hello jim can you please make one video on signup page with profile under the profile we can use profile pic, banner pic name detail etc . and login page, also edit profile.

@NitinMistry-lg8ds 6 месяцев назад

not working on elementor Flexbox container (3.18.3 ) updated container

@quaojoshi859 Год назад

bro can u help me pls i design a 3 inner section column on destop responsive in elemntor and i want that 2 inner section column in tablet view ? how can it possible pls help

@mithunv4564 Год назад

Hii jim i need your help... How to save Vcf file by clicking button in wordpress. I mean i want to save contact details like mobile no. Email id profile url . Company name etc . For smart business card

@alsajib311 Год назад

thanks bro

@jimfahaddigital Год назад

Thank to you brother!

@iure Год назад

Good 🔥🔥🔥

@jimfahaddigital Год назад

Yayy!! Thanks brother!

@aymonshik Год назад

can you plz make a tutorial where instead of " hover changes the images, make it change locations on a multi-location map", like a store locator?

@FlaviusLaidleyslowlyjamaica Год назад

Can I put a button and activate a link on the image

@hassankhan-vu1pt Год назад

Hay Jim Fahad i need a help can you help me about this tutorial..😟

@kovinhas Год назад

You know how to use GSAP on Wordpress and Elementor?

@coderprojahangir2103 Год назад

You are pro

@jimfahaddigital Год назад

Thanks brother!! ❤🎉

@rswebmarketing Год назад

But there is a widget on elementor pro who do that without adding html or css. It's called "tabs", with nested containers.

@admirecreations_tech Год назад

thats limited with only able to add text inside it though right?

@rswebmarketing Год назад

No, texts and whatever you want.@@admirecreations_tech

@shahidiqbal-jv4fh Год назад

Again 1st comment sukar Allhmdliah ❤️🔥

@jimfahaddigital Год назад

You rock Shahid brother! 🔥

@techiebhaii Год назад

Hi Bro Please Create a Tutorial On How to Create a Movie and Courses Website

@user-fo1es6br5i 11 месяцев назад

CAN I DO THIS WITHOUT USING FLEXBOX?

@mcfloatmcfly575 Год назад

Can I still use it with sections?

@advanced-developers Год назад

Good

@jimfahaddigital Год назад

Thank you so much!!

@ahsanwithsaudia_arabia Год назад

Bro i want to apply this type of trick but on opposite means that if the user do hover on image when text should be change can you tell me how can i this?

@Amitroy0000 5 месяцев назад

try transparent background button for selector tab.

@sademotion3614 Год назад

Fast view brother

@jimfahaddigital Год назад

You're so fast!! Awesome!

@TheInspireGuy Год назад

একটা ভিডিও বানান কিভাবে। কোনো কলেজ বা স্কুল এর ওয়েবসাইট বানাবো। সার্ভিস দেবার জন্য

@KorayYurdayAgathon Год назад

I tried to apply all the steps in the video and test it out. An interesting result occurred, there was a shift where the fourth image on the right corresponded to the third image on the second header row, instead of the first row on the left. I tried a few things, but couldn't solve the problem. It would be helpful to know why the problem occurred and receive some assistance.