Thanks so much Ferdy. Great job dude. I'm not sure if this is an improvement or just over complicating something that wasn't broken. This reminds me of when Dreamweaver went to Floating Boxes or something like that, which was awful, then to Bootstrap which made a lot more sense. Feels like we're going backwards here.
@clintwaters82782 жыл бұрын
This is definitely a step forward. This is a huge step in the right direction. I see moves Elementor more in line with the box model. We can naturally progress to CSS grid from here.
@codestudio59682 жыл бұрын
Agree with you.Its going more complex. Probably Elementor going to lost their customer very soon.
@mhthmusicvideos Жыл бұрын
On the contrary, they are embarrasingly lagging behind. Many other pge builders have been using flexbox for quite sometime. It's the future of modern day web design. Not only does it make more sophisticated page layouts much easier to achieve, it also significantly reduces the amount of code needed to achieve them. The current system of sections, columns, inner sections etc, generates significant code bloat, something that even Elementor themselves admit, which can greatly slow down site speed. As a test, create a new blank canvas page, add just an empty section, preview the page and then inspect it and see how much code is required just for a single empty section. The burning question is, just how much longer are we going to have to wait before it's no longer 'an experiment'.
@avigarg78599 ай бұрын
Really useful video. Explanation: I am not using the pro version of elementor right now and this technique you just told in video will enable me to design my template where I need content side by side despite I can only add (child container again and again in place of inner section{Pro feature}) , that container always go below previous child container and you also can't add a new (2 columns[after clicking plus symbol ]) container in previously generated new empty container with the free version. So this technique will enable you to do pro feature work in free version.Thanks again.
@josephaugustin51032 жыл бұрын
You would need margin- left and margin-right to be set to auto to center the outermost container. Glad they brought in containers! It should mean far less excess DOM elements.
@scottgeithman193 Жыл бұрын
Thank you sir. I was confused as hell for awhile because I can still copy and paste sections and columns but could not create them ... now I finally understand why ... Elementor switched to flexbox layout and it makes more sense now!
@volga25442 жыл бұрын
Great video! It forced me to install Elementor Beta Dev - Been playing with containers for the whole day .... Turns out the flexboxes are much easier to deal with... Looking forward for a stable version now.... Thank you, Ferdy! I like your tutorials ... ))))
@jcarlin5962 жыл бұрын
Great video. I am currently learning CSS and this update really shows the flex box characteristics so well. Can't wait for Elementor to release the final version
@lianabagui9 ай бұрын
Thank you so much! The new Container feature has been driving me crazy the past few days, I just couldn't figure out how to make new columns with this new thing. 😂 But now I do thanks to your video. 🙌 Awesome content!
@shanesmith2143 Жыл бұрын
EXACTLY what I was looking for. Thank you so much for this tutorial, Ferdy. 30 minutes very well spent.
@jocelynpatrick28232 жыл бұрын
Another excellent video Ferdy. I always appreciate your honesty and I've learned so much from you!
@riderxo2451 Жыл бұрын
Hei, nice tutorial. It's helpful for learning the basics of the new container option. One small notice, because i am watching almost every tutorial i can find on containers, i learned that even if containers are an improvement over sections, in terms of code generated and less DOM, i think you are using way to many containers. Some things can be achieved without making containers inside containers.
@prokassim2 жыл бұрын
Very helpful tutorial, you are always on the cutting edge with great , helpful info, and tutorials. looking forwards for your in depth tutorial. thank you very much .
@gamepacked2 жыл бұрын
As soon as I heard the Gutenberg joke I liked the vid straight away. Great tutorial man!
@DavidJG242 Жыл бұрын
Didn't know this. now I want to change my existing website :( cool video....
@drewtrykowski1881 Жыл бұрын
Great video, but correct me if I'm wrong , If I have a primary container and then insert lets say 6 containers into the primary container the "items justify content" for containers with in the container do not work .... is that correct ? or am I doing something wrong ?
@patricklafontaine4313 Жыл бұрын
Hi! I just try to do something and it looks like impossible... I have a header with 3 things: 1- left menu 2- logo 3- right menu I can easily place those in a row (I make a container per item to get more flexibility). Now, I just want to add a container that would be just under the left one (number 1) to add social media just under the header in the corner... But as soon as I add a container it just move everything to go in the same row... How can I let the first part unchanged and just add this container under the row and then adjust the position and contain...? Thanks!
@sergiocohaguila90672 жыл бұрын
That functionality already existed in kadence block, a Gutenberg extension, even before the new version of WordPress 5.9 came out, because in this latest WordPress update they added a block called row, and it is similar to this functionality of Elementor that they are just launching in beta.
@jerry-suhrstedt5 ай бұрын
Hey, great video! What screen recording software are you using? Looks awesome.
@henstradesign48022 жыл бұрын
Thanks for the video Ferdy! I gotta say, I'm indifferent to these new changes. Based your tutorial, there seems to be too many errors/glitches with the update...time will tell.
@aerialiskites2 жыл бұрын
Goodie! 👍 Looking forward to that in-depth tutorial of yours when this container thing goes live! 🙂
@campermimo7 ай бұрын
Hoi Ferdi, worstel met het maken van een sidebar in Elementor, en een sidebar die ik ook elke breedte kan geven die ik wil. Elementor containerversie btw.
@in.motion.marketing2 жыл бұрын
Thanks, Ferdy, we love what you do too. Looking forward to the container element :)
@HARAUNANSTYLES29 күн бұрын
Thanks a lot Ferdy you are the best
@kostaszias Жыл бұрын
Youe Elementor Container Tutorial very good
@shaunross29952 жыл бұрын
Not quite as good as it could be, it's just a re-imagining of sections but the columns are hidden. But still a step behind the advanced Wix builder that's literally drag and drop anywhere. But good to see new ideas like this in Elementor.
@ferdycom2 жыл бұрын
Let's hope they make it better 😊
@dariuszpichalski2 жыл бұрын
When changes start?
@dc-metron8 ай бұрын
Hi Ferdy! How do you create a multi-column layout inside another container? I can add containers within, but they stack vertically and no amount of resizing or setting-button-clicking is changing that. Thanks! PS - In English we pronounce it "dooplicate" (yes English is so wonky!). 🤗
@sjessick Жыл бұрын
Thank you! Just solved one of my problems in 2 clicks!
@EduardoPereira-iy7js2 жыл бұрын
This new container is really cool. Problem is the the bugs I have been facing. In my case, everytime I drag a new element, it comes duplicated. So I deactivated it:(
@freyjauser9 ай бұрын
Nice content. Wondering... I've seen the pixel measurement tool on several webdesign videos now, mind providing for its name ? Thanks Sir !
@iketutsistawan42482 жыл бұрын
this is great new feature, it is opening to new possibility to web creation. In my case, this will best for creating more creative header, mostly for custom width header (elementor header mostly full width), been strugling to create it with elementor
@plantifulalexandra Жыл бұрын
18:00 Spacers are actually not a good idea, just use padding :) But cool video, thanks!
@KevsGuide2 жыл бұрын
some of my pages have gone wacko. people on the elementor FB group are saying we shouldn't be using containers on live site. i tried turning the container off and my container pages went blank
@timsimmons79162 жыл бұрын
I would think to get those 3 Containers to center you could wrap those 3 inside of 1 container and have that container at 100% centered.
@audunjemtland8287 Жыл бұрын
Is there any way to be able to drag text and images around free form anywhere on tablet, phone and dekstop versions? I'm sitting manually tinkering borders, margins and things that are not mean for positioning of elements. Is this different from regular vs. Pro? (I don't have Pro)
@TheeSpercialOne Жыл бұрын
Thanks Ferdy 🔥
@emailjough2 жыл бұрын
17:37 sorry Ferdy but you're mistaken. Its not a bug at all. You simply need to set the parent container to align items: center. Adding spacers is bad advice. Please review the flexbox spec.
@ferdycom2 жыл бұрын
Yes, thank you. I got the feedback already and felt so stupid. I keep on learning 😊 And yes, adding spacers os bad advice.
@chlpac19857 ай бұрын
How do I stretch the container to the entire width of the screen? Full width content doesnt fulfill this function.
@mel-1822 жыл бұрын
This is awesome! I always liked flex-box!
@JohnSobyyy2 жыл бұрын
Thanks for the tut. "Learn Gutenberg ... hahaha, as if anyone would want to!" LMFAO
@luisfernandolondonor7369 Жыл бұрын
Great tutorial
@whowantstogetnaked2 жыл бұрын
awesome job Ferdy, really enjoyed this tutorial - inspiring stuff!
@stichtingvision45322 жыл бұрын
Een geweldige uitleg over de nieuwe mogelijkheid. Is deze container mogelijkheid gebaseerd op CSS-GRID-MODULATIE?
@streamingvideo6654 Жыл бұрын
Awesome, thanks for the clear instructions!
@limpfootadventures Жыл бұрын
how do you resolve making sure buttons stay along one line if there is a different amount of text in icon box? thanks
@IanMc072 жыл бұрын
Thanks so much ferdy... Looking forward to more..
@thijs21892 жыл бұрын
Thanks again for this lesson, looking forward to the Alpha version
@morozara49622 жыл бұрын
Just saw video yesterday and been messing with it. Problem is when I place post widget will not let me exclude any or offset as it will not open
@ankushbaliyan81032 жыл бұрын
Hello ferdy sir.... It's soo soo confusing... This new update. But I know you taught us this😇. 🤔Is it any better than the first one?
@ferdycom2 жыл бұрын
Hey Ankush, it is better! But it needs some refining.
@coolestnerdever21282 жыл бұрын
Thank you so much for this Ferdy. Can you confirm how you measured the image again around 27:07 please?
@mhd31172 жыл бұрын
thaaaanks i wana ask you something i see all your videos but one thinks i didnt find it how to setup click to update single section instead of update all page with elementor means like twitter instegram when you like a post it didnt update all the page to update this section how we do that
@mhd31172 жыл бұрын
and fore extra information the (container) update from elmentor from 2019 shopify have it hhh because that every one thught shopify faster then wordpress >>i dont like shopify because the high price
@VerdiHeinz2 жыл бұрын
Great video!
@peacetoall18582 жыл бұрын
Excellent tutorial. Thank you. How do we overlap widgets and containers with this new setup?
@trickknowledgeco2 жыл бұрын
how to add migrated navigation menu on header with elementor
@gothickangelstudios2 жыл бұрын
Can't wait for it. Mine does not have the column drop down menu option yet.
@bobbypalmer2460 Жыл бұрын
Really useful tutorial thanks, Ferdy
@alexotoous2 жыл бұрын
this is good for developers who know CSS, that's a flexbox container
@robmongeau3308 Жыл бұрын
hey would it be possible to create a side header with the new container? i tried following another tutorial but as soon as i apply it to a page it stretches back to full width and is over all the page content. Would it be too much to ask you to do a tutorial for that
@yurisamarin82002 жыл бұрын
With those new tools we are going to forget to CSS
@menneke492 жыл бұрын
Ferdy, please post this video using dutch language. My English isn't good enough to be able to understand everything you say in this video
@Mr.PauloSica Жыл бұрын
thank you so much! that was very helpful! ❤🙏
@mrtango50032 жыл бұрын
How to activate container in elementor Many thanks. Excellent video
@envatoreviews2 жыл бұрын
Thank You Fredy 🥰...
@larsrasmussen9801 Жыл бұрын
thank you Ferdy ❤
@user-st3sd3us7e Жыл бұрын
awesome!! thank you for this help video!
@johnehimhen85152 жыл бұрын
Good one, thanks so much Ferdy
@KariposTheOne2 жыл бұрын
When is it coming out?
@ferdycom2 жыл бұрын
I think in February or March.
@brunofrancisco99922 жыл бұрын
elementor flexes on elementor
@artoine2 жыл бұрын
At 10:40 you typed in a link of your website but you forgot the R however it still redirected you to your website with the R (korpers) How?
@nasnong Жыл бұрын
6:31 bro is just flexing editing skills 💀
@markda961510 ай бұрын
How do you freely move containers just moving them around
@ferdycom10 ай бұрын
Using the layer panel
@rajuu_ra Жыл бұрын
container does not avail for me, what will I have to
@seacterate2 жыл бұрын
Woww.. Thanks body, great video again.. And now less DOM fast WEBSITE...
@farhanfahim78202 жыл бұрын
Brother, Please do a full tutorial for the TokenICO plugin.
@zaidsarrouj9929 Жыл бұрын
Thank You
@dominmax2 жыл бұрын
Please tell me that you can save the "parent" flex container as global. Is that possible?
@isaaciq47422 жыл бұрын
Hi Fredy Am having trouble with my site, I designed it using elementor with the Astra theme, but bullet points and numbered list don't on the front end. I was told element causes the issue but I don't want to change the page builder. Do have any suggest fixes for this issue?
@Kestisr Жыл бұрын
Thx for Help!!!
@GuidoAlvarez-fm9hgАй бұрын
I am using Hello Elementor Theme. How can i create Container that is on the same level as the default Hero container?
@klaidi.m10032 жыл бұрын
great tutorial
@ErniLandia2 жыл бұрын
Is the update already out at the stable channel?
@Football__Junkie2 жыл бұрын
Is this Elementor's new strategy to load faster and reduce bloat?
@Jacob-Holt2 жыл бұрын
I'm new at this. What's the difference between container and a section? I might have missed that. And I'm building my first website in the near future, should I use sections or containers or skip elementor and start with Gutenberg? Thanks
@Releasly2 жыл бұрын
Try both and see what fits you best, I am using sections. When the stable version comes out tho, I will switch to container.
@monikakonieczna94352 жыл бұрын
Brilliant, as always :-)
@tresvecesdos2 жыл бұрын
Great job. Thanks ;)
@int8float642 жыл бұрын
What's the main advantage of using this container-based than the normal?
@ridabrahim76042 жыл бұрын
From my little knowledge it makes the page loads faster because, less codes, let's wait for an expert to validate my comment
@clintwaters82782 жыл бұрын
Correct. A huge reduction in DOM elements. Much cleaner code. More in line with something like webflow.
@ag93142 жыл бұрын
Pls help, I couldn't find the container
@kavisl9799 ай бұрын
thans a lot
@mybiglearning7919 Жыл бұрын
Good
@RobertoOrtega2 жыл бұрын
What software you use to screen recording?
@nhivan56462 жыл бұрын
Where is the Stretch to Full Width ???
@basicelement2 жыл бұрын
I believe its better if we wait for the final update before we use it
@brianlee2196 Жыл бұрын
how to measure it?
@re660442 жыл бұрын
3 months later and it’s still in beta. Or alpha.
@muafaa2 жыл бұрын
can we now use this feature for client? is it safe?
@ferdycom2 жыл бұрын
Yes, it is.
@gilcambo97782 жыл бұрын
Thanks Ferdy for this very interesting tutorial, as always. With your help, I'm going to save some money. I was decided to switch from the free version of Elementor to the Pro version. When I saw your tutorial, I thought that Elementor has fallen on its head.They had the best tool you could ever dream of and, because of this pride in change at all costs, they made their page builder go several years back. Until this system becomes the mandatory standard, I'm going to stay with the free version of Elementor while looking at Divi and Joomla to find an alternative that suits me better than this madness pushed by Elementor. This new version seems to me to be as bad as the WordPress Full Site Editing.
@pxman19462 жыл бұрын
This is the new golden standard. Everything becomes much easier, its why Oxygen, Bricks and so on are so popular.
@jamesdavis87312 жыл бұрын
why would you even consider Divi? Just awful. The container feature is EASY to use once you get a bit used to it. It offers a lot of flexibility.
@gilcambo97782 жыл бұрын
@@pxman1946 I respect your opinion but this standard is not for me. Up until now, I love Elementor but not anymore.
@gilcambo97782 жыл бұрын
@@jamesdavis8731 You have your choices and I have mine. For me, this container system is the worst of all page builders and I will never use it. I preferred Elementor to Divi but now this is just the opposite.
@pxman19462 жыл бұрын
@@gilcambo9778 Once you explore the container systems, using flex and grid you'll be amazed at how you never used them before - I was at least.. However Guteberg I find intolerable to use.
@SimonWYHuang2 жыл бұрын
Great...
@AngelaPerez-ie4gy Жыл бұрын
My elementor does not have experiments
@realhackjunkie3 ай бұрын
I liked the sections and columns better
@SwisTony1002 жыл бұрын
Great video ty. You are pronouncing duplicate wrong try this, Dyouplicate the U is you hard to explain like this 🤣 Keep up the great work 👍
@bocagelandscape2 жыл бұрын
I'd say: A dyew-pli-cut To dyew-pli-kate
@neilwyrchowny92532 жыл бұрын
Or, for the North American audience, doo-pli-kate as the verb and doo-pli-cut as the noun. You doo-pli-kate a container to create a doo-pli-cut container.