Get Started With Elementor Containers | Part 1

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น •

  • @YoniaVracheva
    @YoniaVracheva 10 หลายเดือนก่อน +2

    Ferdy, I just have no words to thank you! You explain so clear and it is great help for me! Sometimes things looks easy and simple, but if any detail is skipped it is impossible to see the big picture... Again - thank you a lot!

  • @stanamster1697
    @stanamster1697 ปีที่แล้ว +2

    Ferdy, I got around to watching this tutorial after spending a few days struggling with containers. This tutorial is a gold mine of information. You helped me solve a few issues I was losing my mind with.
    Thank You!

  • @robocop4753
    @robocop4753 ปีที่แล้ว +2

    Thanks Ferdy. Excellent tutorial as always. You saved me a fortune of time trying to figure it out alone. So very grateful.

  • @brettwharton
    @brettwharton ปีที่แล้ว +5

    A+ tutorial. Detail oriented yet not boring - a magical combination.

  • @vivaldi-qo7xj
    @vivaldi-qo7xj ปีที่แล้ว +3

    It was a professional and detailed explanation. Your videos are very understandable. Really thanks Ferdy.

  • @Joedebengaluru
    @Joedebengaluru ปีที่แล้ว +2

    My very first Elementor website I built after watching your tutorials a few years ago. Nice to be back to learner Containers from you.

  • @swaroops8040
    @swaroops8040 2 ปีที่แล้ว +1

    Love listening to your tutorials. The Great Ferdy Korpershoek Humble personality. Awesome ❤

    • @ferdycom
      @ferdycom  2 ปีที่แล้ว +2

      Thank you for your kind words ❤️

  • @franktielemans6624
    @franktielemans6624 2 ปีที่แล้ว +24

    Ferdy,
    You don't have to leave the editor and go to the dashboard to open a new page/template.
    Press CTRL + E for the finder, type the name of the template/page and it will open in the editor.

  • @lenmoss378
    @lenmoss378 2 ปีที่แล้ว +5

    Being both new to website building and Elementor (particularly containers) this part 1 tutorial has been a succinct education. I am very interested in more understanding of how to move headers and text around the page, if you have time to include in part two or three. Love all the little subtleties you bring to the design!!

  • @fabioalferii
    @fabioalferii ปีที่แล้ว +1

    Hi Ferdy, thank you for this tutorial, please keep going deeper with Container building...thank you!

  • @Luckeydogs
    @Luckeydogs 9 หลายเดือนก่อน

    This is a great overview! Still relevant at a year old. Thank you Ferdy.

  • @MarcG63
    @MarcG63 ปีที่แล้ว

    Hey Ferdy, I started to make website on my own 10 years ago with TH-cam of course! I saw a lot … like a lot of tutorials. Let me say this
    You are absolutely the best. It is crystal clear! And like i said, i have seen a lot of them 😅😱
    I was hesitate to use container, but this tutorial convinced me! I will start with my own website of course! Thanks again and keep it up man! 💪💪

  • @MarkSpomer
    @MarkSpomer ปีที่แล้ว +1

    I'm in Elementor a lot and really enjoy your style and details. Well done!

  • @kiddoHub294
    @kiddoHub294 10 หลายเดือนก่อน

    TH-cam os rushing with people who don't know how to deliver the solution and you are the whole solution in this rush ❤😢 thanks

  • @mslcreative
    @mslcreative ปีที่แล้ว +1

    That was excellent Ferdy thank you for sharing. I have just started playing with containers on a localhost and getting to grips with a new way of working 😀

  • @JanneWolterbeek
    @JanneWolterbeek ปีที่แล้ว

    First time here, I picked up the Dutch accent haha, and I love Tesla too. And work with Elementor, daily. So I subbed! Groetjes uit Middelburg! 😊

  • @subhaniftikhar3591
    @subhaniftikhar3591 2 ปีที่แล้ว

    I learn a lot from your tutorials ...........You are inspiration for me love from Pakistan

  • @philipcolonias3785
    @philipcolonias3785 ปีที่แล้ว

    My congratulations, amazing video, with correct analysis and explanation of the movements you do.

  • @RyanM-gc4og
    @RyanM-gc4og ปีที่แล้ว

    Thanks!

  • @janportfolio
    @janportfolio 2 ปีที่แล้ว

    Great one tnx! And love the joke about Reno, living with pixels, you are both my number one Elementor heroes!!!

  • @Kami_26
    @Kami_26 ปีที่แล้ว

    I am a slow learner Ferday. But this tutorial gave put me on a rocket. You are the best teacher after Harvard's professor David J milan.

  • @alfieroseburg8887
    @alfieroseburg8887 ปีที่แล้ว

    I like the way you teach specially the speed and details which will be applicable to developers like me.

  • @MKMankowska
    @MKMankowska ปีที่แล้ว

    brilliant! you are so talented and such a good teacher, i love it, thank you

  • @lucreceaugusma7656
    @lucreceaugusma7656 ปีที่แล้ว +1

    Excellent tutorial! I always learn something new in your videos. Great job!

  • @NicholasKuhne
    @NicholasKuhne ปีที่แล้ว +1

    Fantastic tutorial, made the process super clear.

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 2 ปีที่แล้ว +1

    Brilliant tutorial Ferdy! Thanks for sharing your knowledge.

  • @SaadZulfiqar-z2m
    @SaadZulfiqar-z2m ปีที่แล้ว

    this was a very good tutorial learned alot of things
    kindly make more detailed tutorial on elementor in depth
    love from Pakistan

  • @CelowsBR
    @CelowsBR ปีที่แล้ว

    Best elementor content on TH-cam! Cheers bro! 👊🏻

  • @triplevee808
    @triplevee808 ปีที่แล้ว

    You are soo funny. Thanks for brightening up my day. Oh and I learned something about Containers as well.

  • @wilhelm777888
    @wilhelm777888 2 ปีที่แล้ว

    This is awesome. I used sections with inner sections to create more customizability but now it will smooth out the process. I give WordPress training to resellers so this will change a lot of my training. Thank you Ferdy.

  • @jdr2.paradigmabiblico128
    @jdr2.paradigmabiblico128 2 ปีที่แล้ว

    Brother, you are the greatest. I Thank God for you.

  • @condostrata
    @condostrata 6 หลายเดือนก่อน

    Ferdy, you're great!
    Amazing tutorial.

  • @badotdesign9901
    @badotdesign9901 ปีที่แล้ว

    Thank you!!!! Being a newbie with Elementor this really helped!

  • @cannyclever3973
    @cannyclever3973 ปีที่แล้ว

    Great tutorial @Ferdy, you are the man!

  • @web-tech-and-ai
    @web-tech-and-ai 2 ปีที่แล้ว

    Awesome tutorial! I love the things Elementor is doing to create websites more easily, and the way you explain everything is just clear as water, keep up the great work!

  • @RajeshChauhan-bz5zj
    @RajeshChauhan-bz5zj 11 หลายเดือนก่อน

    its really helpful ferdy, thank you for your efforts

  • @madxv3nom765
    @madxv3nom765 ปีที่แล้ว

    thank you Ferdy, I really learnt a lot from your videos

  • @Twisties34
    @Twisties34 ปีที่แล้ว

    that was great Ferdy, very well explained.

  • @BakAdam-vs6ux
    @BakAdam-vs6ux 2 ปีที่แล้ว +3

    Hi Ferdy! Will you make a video about all the functions, like scroll snap, the height etc... So a detailed Tesla website video

    • @ferdycom
      @ferdycom  2 ปีที่แล้ว +1

      Yes

    • @BakAdam-vs6ux
      @BakAdam-vs6ux 2 ปีที่แล้ว

      @@ferdycom Man I swear you are THE TUTORIAL MAKER... Love the content and cant wait to see the video we are talking about

  • @umarjoyia2128
    @umarjoyia2128 2 ปีที่แล้ว

    Hey, I enjoyed it from start to end. When you said Oh no my secret data I paused! but that was no secret data. haha🤣

  • @johannpatric784
    @johannpatric784 ปีที่แล้ว

    Danke schön Ferdy, du bist echt klasse : )

  • @Mr_Kenneth
    @Mr_Kenneth ปีที่แล้ว

    New to flex box and you explained it superbly. Just sucscribed

  • @waltervos8537
    @waltervos8537 2 ปีที่แล้ว

    Duidelijke tutorial over het toepassen van de nieuwe flex container ! Ik kijk al uit naar de volgende...👍

  • @maksimwalter9210
    @maksimwalter9210 ปีที่แล้ว +1

    This is an amazing tutorial, thanks a lot. Helped me a ton! One question: How do you do this zoom-in Effect in your tutorials? It looks so good.

  • @Edwin-Bautista
    @Edwin-Bautista 2 ปีที่แล้ว +2

    Great video Ferdy, thanks for always posting good tutorials that help us a lot.
    Do you think it is convenient to use the containers in a production environment?

  • @wingsluxe
    @wingsluxe ปีที่แล้ว

    Amazing . Thank you. Can I use starter templates and elementor blocks along with the containers.

  • @andresalomaoca
    @andresalomaoca ปีที่แล้ว

    Great course. Thank you so much 🎉

  • @Dylanmagiclife_MagoDylan
    @Dylanmagiclife_MagoDylan ปีที่แล้ว

    Hello Ferdy, In the elementor academy is explained that containers reduce DOM and optimize the page speed, anyway I already do this with sections and columns using custom width. This is explained in a video call "website performance optimization", can you please tell me what do you think about?

    • @ferdycom
      @ferdycom  ปีที่แล้ว +1

      Hey Dylan, my opinion about that video? If it makes your website faster, I like it 😊

    • @Dylanmagiclife_MagoDylan
      @Dylanmagiclife_MagoDylan ปีที่แล้ว

      Sorry, I mean: do you think that is better to use flex box container or use section with the optimization I was explaining in the comment before?

  • @billywaterston7440
    @billywaterston7440 ปีที่แล้ว

    Hi Ferdy, Awesome video, you have changed the way I work! Thank you so much. Can you tell me what command you used to measure the pixels? Shift+Ctrl?? born in South Africa, I am a friend of Elon as well, I just have not driven a Tesla

  • @wojsie
    @wojsie ปีที่แล้ว

    Great tutorial, thank you!

  • @patrickcorreia4107
    @patrickcorreia4107 2 ปีที่แล้ว +1

    Weer een mooie tutorial. Mooi, simpel uitgelegd.
    Ben benieuwd naar de volgende ;)

  • @artisticafactory
    @artisticafactory ปีที่แล้ว

    Awesome! you helped me a lot! Keep it up Ferdy

  • @abeBuwalda
    @abeBuwalda ปีที่แล้ว

    Thanks for the grat video. When working on the first container, couldn't you just have set the background transparency way down?

  • @StreetFamzz
    @StreetFamzz 2 ปีที่แล้ว +1

    Can't wait for part 2!!!

  • @peterdrummer695
    @peterdrummer695 ปีที่แล้ว +1

    Wow, great job Ferdy! What keyboard shortcut do you use to measure the page width? 32:55

    • @Naumansaf
      @Naumansaf ปีที่แล้ว

      It's a shortcut to screenshot in Mac OS CMD + Shift + 4

  • @abdelnebiaek1474
    @abdelnebiaek1474 2 ปีที่แล้ว

    You are the best fredy 💯💯💪💪💪

  • @robmongeau3308
    @robmongeau3308 ปีที่แล้ว

    So is the traditional header, we create it alone and apply it to page(s) or the entire site, over?

  • @paulb6550
    @paulb6550 ปีที่แล้ว

    HI Ferdy. Always learn something with your tutorials. Today you mentioned Web Inspector Pro which allowed you to see any web page as if on multiple different devices. Could you add a link to that bit of software. Do you recommend it? Thanks

  • @ekot0419
    @ekot0419 ปีที่แล้ว

    Thank you for the tutorial. I am brand new to WordPress and is about to create my first.
    I see that you did not save a header template. Is it mainly because of the structure of this site where everything is on the same page?
    Just unsure how it works. Say the shopping cart page. I supposed will have a different layout?

  • @genemoore1
    @genemoore1 2 ปีที่แล้ว +1

    Great job Ferdy. This is the first tutorial on this I've seen that makes sense. I was hoping these containers would just go away, but I guess they are here to stay. Do you think this is a step in the right direction, or just a sidestep that may cost Elementor new customers?

    • @ferdycom
      @ferdycom  2 ปีที่แล้ว

      I think it is a super big step forward 😁

  • @mycustompaintedlife502
    @mycustompaintedlife502 ปีที่แล้ว

    I knew, from one of your videos that took me all day to watch yesterday, that you were going to use “Space Between” for the menu! I am so proud of myself for remembering because I often feel like I have information overload and can't remember much. I don't think you had to show how to locate it though so I will be taking note of that. Do you find that you use that a lot?

  • @Kami_26
    @Kami_26 ปีที่แล้ว +1

    Really enjoyed the tutorial. It's deeeepa.

  • @EuropeanRouletteAcademy
    @EuropeanRouletteAcademy ปีที่แล้ว

    Such a GR8 Tutorial!

  • @pravinkumbhar1006
    @pravinkumbhar1006 ปีที่แล้ว

    Hi Fredy, Good Video. One question. When I am changing from Desktop to Tab mode, I am not getting the same view as you. At 768 x 1024 My Model 3 picture does not get automatically adjusted to the screen size and it gets cut from both side. Though I have selected image type as "Cover" and Width is 100% VH. Any advise?

  • @Treading-On-Serpents
    @Treading-On-Serpents ปีที่แล้ว

    Fantastic thanks for the help. God bless!

  • @elvisw.5406
    @elvisw.5406 ปีที่แล้ว

    An amazing tutorial indeed!!

  • @JarrielCarter
    @JarrielCarter 4 หลายเดือนก่อน

    Top tier tutorial!

  • @avindahime
    @avindahime 2 ปีที่แล้ว

    Great video!. Just a quick question do you have any videos on adding custom buttons to woo commerce product pages?

  • @DeaconOconnor-ye5oy
    @DeaconOconnor-ye5oy ปีที่แล้ว

    which extension you use in this tut for getting the width size etc

  • @BENZIVAR93
    @BENZIVAR93 ปีที่แล้ว

    awesome work ferdy

  • @LXPAcademy
    @LXPAcademy ปีที่แล้ว

    Hello Ferdy, thank you for the tutorial. Don't you think it could be more precise to "inspect" the Tesla site using the inspect option of your browser in order to have the exact number of pixels ? Well, it is a learning activity, but it could help eventually the viewers. Keep the good work!

  • @lynlee1631
    @lynlee1631 ปีที่แล้ว

    SOOO helpful! Thank you so much!!

  • @JUANPABLOSANTAMARIA
    @JUANPABLOSANTAMARIA ปีที่แล้ว

    Hello! I have seen that containers are still a experiment catallogued as ALPHA. Is this means to use containers is always safe? Could we have some kind of problem if we use them on our final projects?

  • @erickvs9625
    @erickvs9625 ปีที่แล้ว

    this guy is the best

  • @eleniminadaki6781
    @eleniminadaki6781 2 ปีที่แล้ว

    very helpful tutorial ! The container is a new thing and I am struggling to use it! Thank you.

  • @ivanstojev
    @ivanstojev ปีที่แล้ว

    Hello Ferdy, can you tell me (if it's not a secret) how do you manage to make your video very high quality and such a small file? What program do you use to reduce the video file size? Your advice would mean a lot to me.

    • @ferdycom
      @ferdycom  ปีที่แล้ว +1

      I export using Adobe Premiere. It becomes a heavy file (sometimes 30Gb). TH-cam compresses the video 😊

    • @ivanstojev
      @ivanstojev ปีที่แล้ว

      @ferdykorpershoek Thank you

  • @MbonisiM
    @MbonisiM ปีที่แล้ว

    9:31 you are a genius 👏

  • @italianview
    @italianview ปีที่แล้ว

    great content very useful

  • @floyd1411
    @floyd1411 ปีที่แล้ว

    how did you get the nav menu to have all the tesla webpage buttons?

  • @1crow8
    @1crow8 ปีที่แล้ว

    Hi, what in this situation. I have container in container. Parent container is 100% width, child container is 500px width. How to align child container to the left or right? It is allways in the middle

  • @halowatches
    @halowatches 2 ปีที่แล้ว

    Hey Ferdy - I have scroll snap turned on and everything but the site doesn't seem to snap when scrolling like the tesla site. What do I need to do/edit/change?

  • @karinwillekes
    @karinwillekes ปีที่แล้ว

    Hi Ferdy, I started working with containers but it doesn't run smoothly on different tablets/screens. The design is not how it should be. Could I send you an image to see what I'm doing wrong?

  • @Computer-Fixer
    @Computer-Fixer ปีที่แล้ว

    Zeer duidelijk uitleg bedankt Freddy 🎉

    • @ferdycom
      @ferdycom  ปีที่แล้ว

      Graag gedaan 😊

  • @pravdazanarod
    @pravdazanarod 11 หลายเดือนก่อน

    Where did you get Carmen font?

  • @meisterleise
    @meisterleise 2 ปีที่แล้ว +4

    Hey Ferdy, you make great videos!
    You did make one mistake: you copied the first container with the negativ margin for the further models. This is why your first container doesn't have a full hight anymore. Did you not notice that? 😉
    z-index: why give every element of the menu a z-index? Just give it to the container.
    Also you asked for developer feedback: I noticed, that you like to use pixels for everything. You shouldn't use them with flexbox containers and responsive webdesign. It makes much more sense to use vh, vw and % but NOT pixels.
    cheers.

  • @zulqarnanakhtarchaudhry5369
    @zulqarnanakhtarchaudhry5369 2 ปีที่แล้ว

    It’s amazing. Can you please upload Flatsome e-commerce tutorial as soon as possible please

  • @elevatedesign9153
    @elevatedesign9153 ปีที่แล้ว

    Justify Beiber...🤦🏼‍♂ 😂 (that was actually pretty funny, I have to admit)

  • @knightride9635
    @knightride9635 2 ปีที่แล้ว +1

    I hope you can make a tutorial about making different creative Hero sections with the new elementor using parallax and other effects.

  • @amaztechwebservices6556
    @amaztechwebservices6556 2 ปีที่แล้ว

    Really great tutorial as always

  • @codmobileprogamer
    @codmobileprogamer 2 ปีที่แล้ว

    and for the other model sections you can use parallax effect to that original effect

  • @stnayem
    @stnayem 2 ปีที่แล้ว

    Thanks a lot for the tutorial.

  • @ib4658
    @ib4658 2 ปีที่แล้ว

    Ferdy I have a question..I have seen your 2 code snippets videos before..
    I have questions..
    How to display last updated date of post..you have added php code in code snippets and then in WordPress you used content label to get the code. Then you pressed on block..you did "run php" in processes.
    My problem is that I cannot see the run php option. How do I find this? Please help me thank you

  • @jannaresorts
    @jannaresorts ปีที่แล้ว

    The link you have provided for the elementor in order to purchase the Pro is not working

  • @johnnytien4261
    @johnnytien4261 8 หลายเดือนก่อน

    Amazing!

  • @sheikhmohammed3441
    @sheikhmohammed3441 2 ปีที่แล้ว

    amazing, love it Ferdy!

  • @janenbea5745
    @janenbea5745 ปีที่แล้ว

    Hoi Ferdy,
    Kan ik via elementor ook een soort van powerpoint presentatie maken?
    Ik bedoel met overgangen en verschillende dia's.
    Ik denk dan aan verschillende container te laten verschijnen en weer weg te gaan.
    Groeten Jan

  • @CBiGCambodia
    @CBiGCambodia 2 ปีที่แล้ว

    Hi Ferdy! Could you make video how to make website for others (guest) can post jobs or sale something on our website? Or you can tell what kind of plugin that support kind of these works on WP. Thank you ! Have nice day!!!

  • @davorkrklec8323
    @davorkrklec8323 ปีที่แล้ว

    Bravo🎉

  • @bramixbuilders
    @bramixbuilders ปีที่แล้ว

    how did you create the tesla logo

  • @norphydoloriel5156
    @norphydoloriel5156 2 ปีที่แล้ว

    Awesome tutorial. May I know what the names of the extension your using?