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

Поделиться
HTML-код
  • Опубликовано: 14 дек 2024

Комментарии • 109

  • @jimfahaddigital
    @jimfahaddigital  2 года назад +1

    🔥Download Exclusive Elementor Templates: kitpapa.com 🔥

  • @TamshellCorporationCorona
    @TamshellCorporationCorona 2 года назад +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!

  • @Rodrigo-z4x
    @Rodrigo-z4x Год назад

    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

  • @alexandercastanedatamayo7767
    @alexandercastanedatamayo7767 Год назад

    ¡Gracias!

  • @ashkalimpact
    @ashkalimpact 2 года назад +2

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

  • @youtub4082
    @youtub4082 2 года назад

    Wow!! This is awesome, Fahad vai !

  • @highsite
    @highsite 2 года назад +1

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

  • @iagosouza9704
    @iagosouza9704 Год назад

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

  • @Baloch-Skater
    @Baloch-Skater 2 года назад

    Really Like Your Work Love From Pakistan

  • @marazzak1811
    @marazzak1811 2 года назад

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

  • @mayankjha2399
    @mayankjha2399 2 года назад

    Love your content, love from India

  • @yairshalit6047
    @yairshalit6047 2 года назад

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

  • @WEBnew228
    @WEBnew228 Год назад

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

  • @Tehpa13
    @Tehpa13 2 года назад

    Fantastic Tutorial.

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

  • @Arun-je2kt
    @Arun-je2kt 2 года назад +8

    Bro. Post, how to create Vertical menu bar.

  • @learnearn3166
    @learnearn3166 2 года назад +1

    Thank you for such a nice tutorial 😀

  • @ronald6465
    @ronald6465 2 года назад +2

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

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

    Thank you, it has been very usefull

  • @DevObinna
    @DevObinna 2 года назад

    Wow!! This is awesome, Jim!

  • @kamrul5286
    @kamrul5286 2 года назад

    Wow! Thank a lot brother ❤️ from 🇧🇩

  • @primalscream40
    @primalscream40 2 года назад

    Thanks for sharing this. Very much appreciated

  • @hafijur191
    @hafijur191 2 года назад

    Awesome Video thanks ❤️

  • @shuvokumar3795
    @shuvokumar3795 2 года назад

    amazing video jim fahad sir. Big Fan

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

    Please make more videos like this

  • @prokassim
    @prokassim 2 года назад

    Amazing , thank you very much.

  • @stanfordlee
    @stanfordlee 2 года назад

    very helpful!. Thank you, Jim.

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

  • @thilagavathichandru1569
    @thilagavathichandru1569 2 года назад

    potential guy amazing insight

  • @AllenLu
    @AllenLu 2 года назад

    this is the kind of video that I like!

  • @asifislam3720
    @asifislam3720 2 года назад

    Amazing brother ❤

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

      Thank you so much for your kind appreciation!

  • @Peakcoder
    @Peakcoder Год назад

    Thankyou sir❤

  • @arenawebrd
    @arenawebrd 2 года назад

    Thank you, greate as always 👍

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

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

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

    Thank you

  • @gayathrisuresh1364
    @gayathrisuresh1364 2 года назад +1

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

  • @smt7270
    @smt7270 2 года назад

    Nice video
    Thanks you sir

  • @eduardosariego2603
    @eduardosariego2603 2 года назад

    Thanks, I need this tutorial 🙏🙏🙏

  • @almahmud1834
    @almahmud1834 2 года назад

    nice tutorial

    • @jimfahaddigital
      @jimfahaddigital  2 года назад +1

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

  • @healthadvisor6969
    @healthadvisor6969 2 года назад

    Awesome 👍

  • @tersosevket2060
    @tersosevket2060 Год назад

    adam keee!!

  • @shahidiqbal-jv4fh
    @shahidiqbal-jv4fh 2 года назад

    Again 1st comment sukar Allhmdliah ❤️🔥

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

  • @mochammadanggifaisal9104
    @mochammadanggifaisal9104 2 года назад

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

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

  • @sademotion3614
    @sademotion3614 2 года назад

    Fast view brother

  • @coderprojahangir2103
    @coderprojahangir2103 2 года назад

    You are pro

  • @blueinarts_
    @blueinarts_ 4 месяца назад

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

  • @alsajib311
    @alsajib311 2 года назад

    thanks bro

  • @mohammedalbalaawi1426
    @mohammedalbalaawi1426 2 года назад

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

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

  • @JeanBaptisteChabi
    @JeanBaptisteChabi Год назад

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

  • @iure
    @iure 2 года назад

    Good 🔥🔥🔥

  • @nelsonopeyemi2172
    @nelsonopeyemi2172 2 года назад

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

  • @advanced-developers
    @advanced-developers 2 года назад

    Good

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

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

  • @Baloch-Skater
    @Baloch-Skater 2 года назад

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

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

  • @mcfloat575
    @mcfloat575 2 года назад

    Can I still use it with sections?

  • @kovinhas
    @kovinhas 2 года назад

    You know how to use GSAP on Wordpress and Elementor?

  • @mackyangeles
    @mackyangeles 4 месяца назад

    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!

  • @hassankhan-vu1pt
    @hassankhan-vu1pt 2 года назад

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

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

  • @TheInspireGuy
    @TheInspireGuy 2 года назад

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

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

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

    not working on elementor Flexbox container (3.18.3 ) updated container

  • @MicaOpadoyin
    @MicaOpadoyin Год назад

    CAN I DO THIS WITHOUT USING FLEXBOX?

  • @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 9 месяцев назад

      try transparent background button for selector tab.

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

  • @dariokur2
    @dariokur2 Год назад

    Can you achieve the same without code?

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

  • @deshlighthabib
    @deshlighthabib 2 года назад

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

    • @jimfahaddigital
      @jimfahaddigital  2 года назад

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

  • @Majestomart
    @Majestomart 2 года назад

    JAHAD THIS IS NOT WORKING ON MY END

  • @dhansirimediacenter7950
    @dhansirimediacenter7950 2 года назад

    5views

  • @rossinidesigner1
    @rossinidesigner1 10 месяцев назад

    Didn't work