Get Started With Elementor Containers | Part 1

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

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

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

  • @vivaldi-qo7xj
    @vivaldi-qo7xj Год назад +3

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

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

  • @brettwharton
    @brettwharton Год назад +5

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

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

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

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

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

    Hey Ferdy, I started to make website on my own 10 years ago with RUclips 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! 💪💪

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

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

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

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

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

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

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

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

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

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

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

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

  • @MarkSpomer
    @MarkSpomer Год назад +1

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

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

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

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

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

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

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

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

  • @NicholasKuhne
    @NicholasKuhne Год назад +1

    Fantastic tutorial, made the process super clear.

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

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

    Best elementor content on RUclips! Cheers bro! 👊🏻

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

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

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

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

  • @susangemayel-tapper3794
    @susangemayel-tapper3794 2 года назад +1

    Brilliant tutorial Ferdy! Thanks for sharing your knowledge.

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

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

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

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

  • @RyanM-gc4og
    @RyanM-gc4og Год назад

    Thanks!

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

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

    Ferdy, you're great!
    Amazing tutorial.

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

    Great tutorial @Ferdy, you are the man!

  • @RajeshChauhan-bz5zj
    @RajeshChauhan-bz5zj Год назад

    its really helpful ferdy, thank you for your efforts

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

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

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

  • @jdr2.paradigmabiblico128
    @jdr2.paradigmabiblico128 2 года назад

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

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

    that was great Ferdy, very well explained.

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

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

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

    Great tutorial, thank you!

  • @Kami_26
    @Kami_26 Год назад +1

    Really enjoyed the tutorial. It's deeeepa.

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

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

  • @elvisw.5406
    @elvisw.5406 Год назад

    An amazing tutorial indeed!!

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

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

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

    Top tier tutorial!

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

    Great course. Thank you so much 🎉

  • @DeaconOconnor-ye5oy
    @DeaconOconnor-ye5oy Год назад

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

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

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

    Can't wait for part 2!!!

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

    9:31 you are a genius 👏

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

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

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

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

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

    You are the best fredy 💯💯💪💪💪

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

    Such a GR8 Tutorial!

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

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

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

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

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

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

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

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

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

    awesome work ferdy

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

    this guy is the best

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

    great content very useful

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

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

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

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

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

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

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

    SOOO helpful! Thank you so much!!

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

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

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

    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.

  • @Treading-On-Serpents
    @Treading-On-Serpents Год назад

    Fantastic thanks for the help. God bless!

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

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

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

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

    Really great tutorial as always

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

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

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

  • @Computer-Fixer
    @Computer-Fixer Год назад

    Zeer duidelijk uitleg bedankt Freddy 🎉

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

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

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

    hi! I don't find the font, somebody knows where?

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

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

    • @60Second-Stories
      @60Second-Stories Год назад

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

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

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

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

    how did you create the tesla logo

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

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

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

    amazing, love it Ferdy!

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

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

    Excellent video

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

    Amazing!

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

    Thanks a lot for the tutorial.

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

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

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

    Please mr Ferdy I want you to tell me the best plugin to convert my e-commerce multiple vendor marketplace to a mobile app

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

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

    here is some problem, I am using elementor 3.8 version but still their is no container .Please guide me

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

      Watch the beginning of the tutorial. I show you how to activate the container.

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

    Is it safe to use this on live sites now? Im on elementor v3.10 and pro 3.10.1

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

      Yes! 100% safe!

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

    Bravo🎉