How The Elementor Flexbox Container Works - A Complete Guide

Подписаться 82 тыс.

Просмотров 90 тыс.

50% 1

In this video, we're going to be exploring how the Elementor Flexbox container works. We'll be covering the basics of how it works, as well as some of the more advanced features.
If you're looking to learn more about the Elementor Flexbox container, then this video is for you! By the end of this video, you'll have a clear understanding of how the Elementor Flexbox container works and what you can use it for in your designs.
Try Elementor here funnelstoincom...
FluentCRM - funnelstoincom... Get 20% OFF (Use Coupon MAK)
Presto Player - funnelstoincom... Get 10% OFF (Use Coupon MAK10)
BuddyBoss - funnelstoincom... - Get 10% OFF (Use Coupon MAK10)
TutorLMS - funnelstoincom... - (Use Coupon Code Mak20 for 20% Discount)
Divi Theme Builder - funnelstoincom... (Includes BONUS Course)
LearnDash - funnelstoincom... (Includes BONUS Course)
CartFlows - funnelstoincom... Get 10% OFF (Use Coupon MAK10)
MemberPress - funnelstoincom... (Includes BONUS Course)
WhishList Member -- funnelstoincom... (Includes BONUS Course)
* * * Buy any of the products and get FREE Course BONUSES to get you started fast! ****
🔥 Best WordPress Hosting
SiteGround -- funnelstoincom... (SAVE 70%)
FlyWheel Hosting -- funnelstoincom...
🔥 Divi Theme Templates
Design Beautiful Blogs In A Few Clicks funnelstoincom...
Design Divi Websites Faster, Buy The Genesis Template funnelstoincom...
🔥 Online Business Books & Training
One Funnel Away Challenge - funnelstoincom...
FREE Traffic Secrets Book - funnelstoincom...
Affiliate Bootcamp - funnelstoincom...
Experts Secrets Book - funnelstoincom...
😍 Recommended Plugins / Services
Convertkit -- funnelstoincom...
MailPoet - funnelstoincom...
TubeBuddy -- funnelstoincom...
SkillShare- funnelstoincom...
ALL THE GEAR THAT I USE.
funnelstoincom...

Хобби

Опубликовано:

1 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 183

@YAFONOOB Год назад

You've done a great job explaining it. Simple, concise, the basics. Thank you, I really learned a lot, quickly!

@sitekrafter Год назад

You're very welcome!

@KBlakK Год назад

Thank you for this video. Other videos had me so confused as to how to use Flexbox Containers. I understood it intellectually, but I couldn't wrap my creative brain around how to use them to design. Your explanation was succinct and precise, and now I see the true value of what Elementor has done in terms of freeing us from columns and making sites with less code and more creativity. But if it wasn't for you explaining it the way you did, I would still be mystified. Thanks again!!!

@tomiastudio Год назад

You don't need to add the two buttons into a separate container, just make them "inline" and you'll be able to put them side by side

@sitekrafter Год назад

Thanks, it worked 😀

@BeyondWoWJunkies Год назад

It didn't work for me. The button is still full width and when I add another inline button it isn't side-by-side.

@tanyuelvis Год назад

@@BeyondWoWJunkies Make both of them inline

@bubbles4528 Год назад

@@tanyuelvis that didn't work for me either

@hasiibali2513 Год назад

absolutely.

@EnglishwithMax Месяц назад

Thank you so much for this! Very clear! I hadn't used Elementor since this change and I was tearing my hair out😅.

@LightoftheSpirit 4 дня назад

Great introduction. It cleared up a lot. Question: How does nesting containers affect website speed and page size? Thanks.

@dawnsimpson7484 Год назад

I really enjoyed this tutorial. You were clear, concise and to the point without extra. Thank you so very much.

@im_srikanta 9 месяцев назад

Thank You for doing this video, it helped me :)

@damianfreeman5069 Год назад

just Delete Elementor its Useless and is a messed up plugin 90 % it breaks and Slows a website down Just Buy a templete /Theme issues Solved

@mrmoneybagz Год назад

Having used the flexbox and grid systems in my HTML, CSS and JavaScript coding projects, this is as easy as pie. All I needed to know is what's the difference between the old Elementor workflow that I'm used to and the new container-based workflow. And you showed us just that. So thanks a lot Mak.

@markbratton111 Год назад

Thank you, thank you, thank you! You helped me out tremendously. I started design in Elementor just before they made the change and could not understand why things were differnt after the update! You rock!

@NicksWebShop 9 месяцев назад

Finally an intelligent tutorial for the intelligent by the intelligent.

@tailsupdogtraining2950 Год назад

A great video. Super easy to follow for a beginner. Thank you.

@faisaljavedtv 6 месяцев назад

Thanks for guiding, i was stuck in boxes and your video solved the issue… 🤗

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

03:49 solved all my problems, was facing difficulties for almost a week trying to figure it out, Thank you man

@crouge Год назад

I was having anxiety with this Flexbox, until finally i watched this tutorial :D

@AsitAithal Год назад

This should be in Divi.

@CaterStudios Год назад

There is something you still can’t do with elemetor flex box, you can add a container, then add three content in a row, but you can’t make two content to be 50 50% at the top row and one other 100% full width at the button in the same container… that’s super simple in oxygen builder… and I enjoy it ALOT when I’m creating more complex layouts and making stuffs Responsive on mobile breakpoints.

@uncodedlife Год назад

Yes you can, make the third inner container or element flex-grow

@chsheheryar2482 Год назад

You can do that buddy.

@nick_merchant 9 месяцев назад

Your no bs, to the point, clearly spoken with a beautiful accent method gets across in a way that I believe is very hard to find on RU-vid. Please keep making more videos like this, and thank you!

@sitekrafter 9 месяцев назад

Thank you 😁

@HomemadeChemistry Месяц назад

4 minutes in and my biggest questions are answered. Thanks a lot bro! Great tutorial

@schmutly 2 дня назад

Well, i actually subscribed because you explained it SO well 😉🎉 Thanks for that. Containers were driving me insane. I will need to watch this a few more times but it does make the designing a lot easier. Cheers, appreciate the help. Rob

@trevorlonewolf6406 14 дней назад

This is FAR more difficult as its NOT manageable. You now cant add containers HORIZONTALLY or create your own alignment of containers Its RUBBISH

@terrabyte911 22 дня назад

Excellent video. Being new to WordPress, the containers were very confusing. This helps a lot. Subbed.

@topfuelr473 12 дней назад

I can't get the flexbox to full width of the screen. I have a woocommerce store and it won't go full width. Using Elementor Pro.

@Joni.Johnson 2 месяца назад

I'm so sorry but I feel like I missed something. When you started showing how to use the Flexbox, which structure did you choose? (2:00)

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

I am starting my first job as web dev tomorrow with wordpress even though I do coding, I am pretty good at layout with html and css and I was wondering how to replicate the flex system with Elementor, you pretty much saved me hours of figuring it out. thanks!!!!

@monogogo Год назад

Excellent video ... now I get it! Thanks much.

@BMarshDesignLb Месяц назад

This video is great quality with valuable information on the flexbox feature!

@AtifAtif-vh5zh Месяц назад

Thanks a lot I have seen many video because I had confused but I am happy because of your video have seen .Now I have cleared my conspect about container

@MartinBenesCreative 2 месяца назад

Great tutorial, very clear. Flex box were confusing to me but now they are quite clear. Thanks man.

@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

@ZetaVids 6 месяцев назад

I cannot put two containers in the same row.... He drops it directly into the under container every time I try what am I doing wrong?

@MuhammadImran-jz5vb 2 месяца назад

Mr. admin, can you please tell me how to add a container to the landing page? or anybody else, suggest me any link. By the way, nice video.

@trevorlonewolf6406 14 дней назад

The stretch to size no longer works You have to add % which is a serious PAIN

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

Omg, you explained it so well! 🎉 Thank you for this video!

@AkadirXp Год назад

Is great to see Divi user starting to use Elementor... I am familiar with Divi but never tried Elementor so I am very happy for your Elementor videos (... and of course Divi's).. Keep posting your Elementor videos as I am learning a lot while you practising👍

@rachelleking333 Год назад

I am not a fan of this new default, and I do not like using the flex containers. Caution because if you don't realize you can set your default back to sections and you have built anything in containers then set it back to sections you lose everything! I just lost 2 days of work.

@dionnye4042 Год назад

Very useful tutoriel....Thanks you for the funny way.....🥰🥰🥰

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

Nice video, congratulations and thanks for sharing it!

@prontogaragedoors3676 6 месяцев назад

I don't know why when i do this same way you doing it with these steps, my containers in my screen it is not working the same way as yours, when i switch directions only the content moves either up, down, left or right in same direction the container is, i don't know what i am doing wrong, maybe because i am using a theme i purchased called Porto wordpress theme, might be something there that is not allowing me to do this or the plugin widget that doesn't support this within elementor, can you explain what could be the issue with this?

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

Ow! Thank you very much. Here was my problem. Now solve it.

@Eastlondonprinters 4 месяца назад

I have elementor pro advance , but cannot see this feature, great vid btw

@mattcup9001 10 дней назад

Very clear and to the point! Subscibed! :)

@pankajphotography Год назад

Should we use container for almost every widgets or if possible, try to use least container when we can make inline of two widgets . Does many containers affect page speed or seo

@lahcenwhmad6499 22 дня назад

You deserve my subscribe ! Thank you from Morocco

@micdousmi Месяц назад

How do we "fit to screen" a container now?

@micdousmi Месяц назад

Anyone?

@SlipperyWeevil Год назад

Superb intro to Elementor Flexboxes. Nicely paced, with concise information. Just what I needed. Thank you.

@HarisAhmed-uf6bs 3 дня назад

Wtf why my header not work in responsiveness

@ahmedhashim5783 Год назад

the container widget is sh it because ther is no strech option when you make it full witg¡h so it still like boxed !!

@shameemmohammad318 8 месяцев назад

Even if i set the containers next to each other when i preview it ,it always comes vertically it doesnt go next to each other, can you help me w that?

@Seedhe-Saadhe-Akshay-Akshay 8 месяцев назад

Bro, I dont see an option to stretch the container like how we had it for the sections previously, how do we stretch it full width of the window?

@surgent13 3 месяца назад

I like the way you explain. Thank you so much. You helped me a lot

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

Excellent tutorial on nesting containers. It was a great help. Ta

@Shaynaworld0 Год назад

But i can make this without this updated container

@md.anisurrahman9459 11 месяцев назад

Thank you very much for this awesome video!

@hxtsauce2707 6 месяцев назад

Flexbox is the most annoying thing they ever implemented

@xAceYT Год назад

You can also change the button width to inline so you can drop your second "inline" button in the same row

@tanawatmunmueang7924 2 месяца назад

Very clear and informative, thank you

@sajjadhossain9379 8 месяцев назад

Solved my problem, many thanks.

@SlobodanStevanović-n5z Год назад

respect. Bravo for explanation. Fantastic

@MC4TRIBALS Год назад

Thank you

@richardmasters2045 Год назад

Keep evolving Mac eventually grow into JavaScript, Python and API development

@sitekrafter Год назад

Thanks 😀

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

Perfect! Thank you for this.

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

Thank you, great tutorial!

@autocadtech2D 4 месяца назад

Thank you sir! This is really helpful.

@DailyBusiness365 Год назад

Omg! Finally found this

@whynotyt5855 4 месяца назад

You failed to address width variables

@TomasTruchly Год назад

Hi :) perfect video really :D. Thank you for comparing the old with the new at the beginning ;).

@bibianajozef4700 9 месяцев назад

Well explained, thank you.

@standingMMA 8 месяцев назад

Why cant i find innersection on my elementor

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

Hello, Thank you for your good work. At last, we understand things clearly. It's not like on the Elementor website, which doesn't inform us of its new logic and doesn't create any videos explaining each change. Thanks again. You've won a subscriber ;-)

@JohnCookvideos 3 месяца назад

GREAT INSTRUCTION.. GREAT VOICE!!!

@kestelvandermescht9521 8 месяцев назад

Nice one cuzzie, you solved a huge problem I was having! Thanks!!!! Even though i live abroad, its always nice to see my SA hommies repping on RU-vid!

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

Address side by side container on mobile

@JorgeMartinez-bruy Год назад

Amazing! Thank you for sharing your knowledge. I got to unterstand everything easily. Greetings from Uruguay, South America!

@AsifImran-seo-expert 5 месяцев назад

Life saver vide, take love brother ❤

@johanneslesiba1603 8 месяцев назад

I JUST SUBSCRIBED..YOU'RE COOL

@MianOmerShah Месяц назад

Are you using Elementor Pro ?

@LaniPrell-qq7bj 6 месяцев назад

Thank you after screwing around with 4 or 5 other tutorials and several hours of being completely flummoxed, since yours I think I finally got it. GOOD JOB!! YAY!!

@lakoresto6169 Год назад

I am so frustrated with Elementor right now. They released this container feature over a year ago and it's still not fully functional. It's like they just served up a half-baked mess and expected us to be okay with it. I can't believe I waited this long for something that is not even complete. I am done with Elementor. I'm not going to use their platform anymore.

@SteveRodanFilms Год назад

Great vid thanks. When I add two left aligned buttons for example in a container under the a left aligned heading the heading and the buttons do not align as there is padding in the inner container that I can't seem to get rid of

@colondnb Год назад

Thanks bud! Very clearly explained. Liked & Subbed 🙏

@DrakeJohnson-d7v Год назад

AWESOME. Thank you for this. Wish I would've watched it sooner

@SuffianAhmed Год назад

Thats really great videe for Elementor my since i am existing user of Divi why Elegent themem Divi is missing such a great feature, expecting the Divi team to take the request and implement the same in Divi too. ;-) thank you.

@abdulmuqsit9720 4 месяца назад

Very helpful Sir, ❤❤Thank you, I really learned about Flax very quickly!

@dmozus 4 месяца назад

Super helpful! Thank you!

@BruceWayne15325 4 месяца назад

Thank you so much, you're a lifesaver. I was so confused about how all this worked before, but now it makes perfect sense!

@prabhmeet5555 3 месяца назад

excellent, got that. Bingo!

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

Well explained, easy to understand! Thank you from Germany! :-)

@JohnYohannanOsundwa Месяц назад

Thanks Bro for sharing really saved me alot as we are used to Sections transforming to flexbox has been a challenge for the old timers now we are liberated

@jynxtattooandpiercing 9 месяцев назад

i cant see it in my list of pro tools

@jozeftryzna 8 месяцев назад

Thank You! I am a greenhorn of the elementor, but this explanation of using containers is clear enough to everyone. Thanks a lot, this is what I was looking for. 👍💯

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

oooo I'm gonna love it!!!

@sjnichani Год назад

nice video good job on explaining

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

Thanks you helped me alot

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

I watched Elementor help center, their blog and so on But in 11 ins you explained how this works PERFECTLY. Thank you!

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

Thanks for making this tutorial! It helped me a bunch!

@EdwardFerguson-v7v 3 месяца назад

Thank you for this video! Short and directly to the point and on topic. I appreciate you man!

@VeryCreativeUK 6 месяцев назад

Wonderfully explained. You are a great teacher. Appreciated 🙏👊

@Repko01 Год назад

Shame on you Mak, abanded Divi just like that. It is not good for you anymore and you jumping the ship? How dare you? Nick is very sad, please come back 😭

@sitekrafter Год назад

Shame on me, really. If you followed my channel you would know that I didn’t abandon Divi. Please watch my other videos and not make baseless statements like this. It misleads other subscribers.

@Repko01 Год назад

@@sitekrafter It was a joke. You must do whatever you like. I watched many videos of yours and I learned a lot. You have a good channels. Thanks for your effort 🙏