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

Поділитися
Вставка
  • Опубліковано 4 лис 2024

КОМЕНТАРІ • 109

  • @jimfahaddigital
    @jimfahaddigital  Рік тому +1

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @TamshellCorporationCorona
    @TamshellCorporationCorona Рік тому +4

    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!

  • @ashkalimpact
    @ashkalimpact 2 роки тому +2

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

  • @highsite
    @highsite 2 роки тому +1

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

  • @Arun-je2kt
    @Arun-je2kt 2 роки тому +8

    Bro. Post, how to create Vertical menu bar.

  • @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.

  • @iagosouza9704
    @iagosouza9704 Рік тому

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

  • @ronald6465
    @ronald6465 2 роки тому +2

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

  • @WEBnew228
    @WEBnew228 11 місяців тому

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

  • @Baloch-Skater
    @Baloch-Skater 2 роки тому

    Really Like Your Work Love From Pakistan

  • @mehedeebd
    @mehedeebd 4 місяці тому

    Please make more videos like this

  • @TendenciasDigitalesIA
    @TendenciasDigitalesIA 2 роки тому

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

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому

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

  • @primalscream40
    @primalscream40 2 роки тому

    Thanks for sharing this. Very much appreciated

  • @marazzak1811
    @marazzak1811 2 роки тому

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

  • @learnearn3166
    @learnearn3166 2 роки тому +1

    Thank you for such a nice tutorial 😀

  • @yairshalit6047
    @yairshalit6047 2 роки тому

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

  • @cryptofoliu6850
    @cryptofoliu6850 5 місяців тому

    Thank you, it has been very usefull

  • @youtub4082
    @youtub4082 Рік тому

    Wow!! This is awesome, Fahad vai !

  • @kamrul5286
    @kamrul5286 2 роки тому

    Wow! Thank a lot brother ❤️ from 🇧🇩

  • @mayankjha2399
    @mayankjha2399 2 роки тому

    Love your content, love from India

  • @nicoleluyten9385
    @nicoleluyten9385 Рік тому +1

    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!

  • @eduardosariego2603
    @eduardosariego2603 2 роки тому

    Thanks, I need this tutorial 🙏🙏🙏

  • @stanfordlee
    @stanfordlee 2 роки тому

    very helpful!. Thank you, Jim.

  • @prokassim
    @prokassim 2 роки тому

    Amazing , thank you very much.

  • @Rodrigo-z4x
    @Rodrigo-z4x 11 місяців тому

    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

  • @DevObinna
    @DevObinna 2 роки тому

    Wow!! This is awesome, Jim!

  • @Tehpa13
    @Tehpa13 2 роки тому

    Fantastic Tutorial.

  • @ZHARCO
    @ZHARCO 10 місяців тому

    Thank you

  • @AllenLu
    @AllenLu 2 роки тому

    this is the kind of video that I like!

  • @hafijur191
    @hafijur191 2 роки тому

    Awesome Video thanks ❤️

  • @arlinn13
    @arlinn13 2 роки тому

    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

  • @gayathrisuresh1364
    @gayathrisuresh1364 Рік тому +1

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

  • @shuvokumar3795
    @shuvokumar3795 2 роки тому

    amazing video jim fahad sir. Big Fan

  • @arenawebrd
    @arenawebrd 2 роки тому

    Thank you, greate as always 👍

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому

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

  • @alexandercastanedatamayo7767

    ¡Gracias!

  • @mochammadanggifaisal9104
    @mochammadanggifaisal9104 2 роки тому

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

  • @KangteDevelopers-re4wd
    @KangteDevelopers-re4wd Рік тому

    Thankyou sir❤

  • @mohammedalbalaawi1426
    @mohammedalbalaawi1426 2 роки тому

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

  • @blueinarts_
    @blueinarts_ 2 місяці тому

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

  • @thilagavathichandru1569
    @thilagavathichandru1569 2 роки тому

    potential guy amazing insight

  • @inamullah4711
    @inamullah4711 2 роки тому

    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.

  • @smt7270
    @smt7270 2 роки тому

    Nice video
    Thanks you sir

  • @asifislam3720
    @asifislam3720 2 роки тому

    Amazing brother ❤

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому +1

      Thank you so much for your kind appreciation!

  • @tersosevket2060
    @tersosevket2060 Рік тому

    adam keee!!

  • @JeanBaptisteChabi
    @JeanBaptisteChabi Рік тому

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

  • @nelsonopeyemi2172
    @nelsonopeyemi2172 2 роки тому

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

  • @alsajib311
    @alsajib311 2 роки тому

    thanks bro

  • @almahmud1834
    @almahmud1834 2 роки тому

    nice tutorial

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому +1

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

  • @healthadvisor6969
    @healthadvisor6969 2 роки тому

    Awesome 👍

  • @coderprojahangir2103
    @coderprojahangir2103 2 роки тому

    You are pro

  • @mithunv4564
    @mithunv4564 2 роки тому

    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

  • @Baloch-Skater
    @Baloch-Skater 2 роки тому

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

  • @mackyangeles
    @mackyangeles 2 місяці тому

    Hi Jim, I tried this. I have 3 Icon Boxes and 3 Images... the issue is the icon boxes and images don't sync properly. This 2nd icon box shows the 3rd image instead of the 2nd image. And the 3rd icon box doesn't show any image. Please help me!

  • @shahidiqbal-jv4fh
    @shahidiqbal-jv4fh 2 роки тому

    Again 1st comment sukar Allhmdliah ❤️🔥

  • @hassankhan-vu1pt
    @hassankhan-vu1pt 2 роки тому

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

  • @TheInspireGuy
    @TheInspireGuy 2 роки тому

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

  • @kovinhas
    @kovinhas 2 роки тому

    You know how to use GSAP on Wordpress and Elementor?

  • @mcfloat575
    @mcfloat575 2 роки тому

    Can I still use it with sections?

  • @MicaOpadoyin
    @MicaOpadoyin Рік тому

    CAN I DO THIS WITHOUT USING FLEXBOX?

  • @kishanv7546
    @kishanv7546 2 роки тому

    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.

  • @aymonshik
    @aymonshik 2 роки тому

    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?

  • @iure
    @iure 2 роки тому

    Good 🔥🔥🔥

  • @advanced-developers
    @advanced-developers 2 роки тому

    Good

  • @mayankjha2399
    @mayankjha2399 2 роки тому

    Brother can we add featured products instead of images?

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому +1

      Their wrapper container should have the same class name like the image. It should work!

  • @quaojoshi859
    @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

  • @FlaviusLaidleyslowlyjamaica
    @FlaviusLaidleyslowlyjamaica 2 роки тому

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

  • @NitinMistry-lg8ds
    @NitinMistry-lg8ds 9 місяців тому

    not working on elementor Flexbox container (3.18.3 ) updated container

  • @rswebmarketing
    @rswebmarketing Рік тому +1

    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
      @admirecreations_tech Рік тому

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

    • @rswebmarketing
      @rswebmarketing Рік тому

      No, texts and whatever you want.@@admirecreations_tech

  • @ahsanwithsaudia_arabia
    @ahsanwithsaudia_arabia 2 роки тому

    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
      @Amitroy0000 7 місяців тому

      try transparent background button for selector tab.

  • @deshlighthabib
    @deshlighthabib 2 роки тому

    আস্সালামুআলাইকুম ভাইয়া আমার একটা চাকুরির খুব দরকার। আপনার সাথে কিভাবে যোগাযোগ করতে পারি।

    • @jimfahaddigital
      @jimfahaddigital  2 роки тому

      Feel free to email me at jim@jimfahaddigital.com with your portfolio. Thanks!! 😇

  • @dariokur2
    @dariokur2 Рік тому

    Can you achieve the same without code?

  • @sademotion3614
    @sademotion3614 2 роки тому

    Fast view brother

  • @KorayYurdayAgathon
    @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.

  • @Majestomart
    @Majestomart 2 роки тому

    JAHAD THIS IS NOT WORKING ON MY END

  • @rossinidesigner1
    @rossinidesigner1 9 місяців тому

    Didn't work

  • @dhansirimediacenter7950
    @dhansirimediacenter7950 2 роки тому

    5views