Elementor Flexbox Container: Row, Column, Align Items & Align Self

  Рет қаралды 40,898

Jim Fahad Digital

Jim Fahad Digital

Күн бұрын

✅ Get Elementor PRO: jimfahaddigital.com/e-pro
✅ Get Domain & Webhosting(50% off): jimfahaddigital.com/hosting
Subscribe Here: bit.ly/JFDtutorials
🔥Elementor Flexbox Container Explained!! 🔥
In this Tutorial, I've explained Elementor Flexbox Container Row, Column, Align Items, Justify Content & Align Self options!!!
TIMESTAMP:
0:00:00 Overview
0:01:11 Elementor Flexbox Container 3 Core Features
0:01:42 Create Real Elementor Flex Container
0:09:57 Contact Jim Fahad
Thanks for Watching!
✅ Become a WordPress Freelancer Today! Watch this Tutorial:
• Elementor Experts Netw...
✅ Hire a Pro Web Developer:
jimfahaddigital.com
-----------------------------------------------------------------------------
And, Here are other Full Website Creation Tutorials using ELEMENTOR+WORDPRESS:
Elementor Portfolio Tutorial 2021:
• How to Make a PERSONAL...
Elementor Pro Complete Tutorial 2020:
• Elementor Pro Tutorial...
How To Create a Modern Website 2020:
• [No Coding] How to Mak...
How To Make a Business Website 2020:
• [Complete Tutorial] Ho...
How To Build a Personal Portfolio Website 2020:
• [A-Z] How to Create a ...
How To Create a One Page Wordpress Website 2020:
• How to Make a Complete...
How To Create a Multi-Page Wordpress Website 2020:
• How to make a $5000 Wo...
How To Create App Landing Wordpress Website 2020:
• How to Make a WordPres...
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
About:
8 Million+ website owners started using the Elementor page builder. I'll show you the easiest way how you can create your personal resume website using Elementor Page Builder yourself.
#WordPress #Elementor #tipsAndTricks
If you're searching for how to make an eCommerce website, how to make a professional webShop from scratch, how to create an Online Store website step by step using woocommerce elementor, woocommerce subscriptions, WordPress eCommerce 2020 tutorial for beginners, woocommerce plugins, woocommerce payment gateway, best website making course, Elementor tutorial for beginners - then this tutorial is for you.
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
Like me on Facebook:
/ jimfahad.consultancy
And, lastly, If you want me to build your AWESOME website at an affordable price,
✅ You Can Contact me through my website:
jimfahaddigital.com/request-a...
Have a great day!

Пікірлер: 90
@jimfahaddigital
@jimfahaddigital Жыл бұрын
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
@jcinthailand
@jcinthailand 2 жыл бұрын
Recent follower - yes, please keep doing tuts on the flex box. It's super helpful for those of us who are (or maybe aren;t) experienced in development but new to Elementor. Thanks
@pragatikumarsheel
@pragatikumarsheel 2 жыл бұрын
That's called giving 100% to your viewers. Amazing explanation Jim.
@TottoHolm
@TottoHolm Жыл бұрын
I'm new to flexbox and I have been ripping out my hair trying to figure this out myself. Little did I know that I just needed a great tutorial by Mr. Fahad. Thank you so much!
@motioninmind6015
@motioninmind6015 2 жыл бұрын
That was awesome, thank you so much for making my life a little easier ♥️ Also, your thumbnail and short intro vid clip are really good 👍🏼
@susangemayel-tapper3794
@susangemayel-tapper3794 2 жыл бұрын
Thanks Jim for explaining it clearly!
@sahilkhankhalilx2102
@sahilkhankhalilx2102 Жыл бұрын
Thanks Man you saved my 1 hour. I was searching for that issue
@TheSLVR
@TheSLVR 2 жыл бұрын
You explain so well! Thanks from Brazil
@frandeep
@frandeep 11 ай бұрын
Great walkthrough! Well done sir.
@adamlapsevich9357
@adamlapsevich9357 9 ай бұрын
WOW! That was a great tutorial. I rarely enjoy watching tutorial videos but you're was excellent! I subscribed! :)
@devonrd
@devonrd Жыл бұрын
That intro immediately made me like the video. Great video. Thanks so much!
@gordonbrownlee4436
@gordonbrownlee4436 2 жыл бұрын
As usual another great video. Thanks. More on the Flex Box please
@rg-web-design
@rg-web-design 2 жыл бұрын
Very well explained. More flex container videos will be very useful, thank you.
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
More to come! Thank you so much!! 😇
@nubenegra809
@nubenegra809 2 жыл бұрын
beautifully explain man!!! 🤩
@christianiredia
@christianiredia 2 жыл бұрын
Thank You for this.
@hericklenin
@hericklenin Жыл бұрын
This is awesome. Thank you so much.
@mikebb0653
@mikebb0653 2 жыл бұрын
Really nice! Clear!
@mikenco
@mikenco Жыл бұрын
Great explanation, thank you!
@mujtabazia
@mujtabazia Ай бұрын
Thank you so much Mr. Fahad, amazing explanaton, please create more videos like 2 column layouts with images on on side and other column have headings and text, thanks
@aksinghmrt5
@aksinghmrt5 Жыл бұрын
Best explanation on KZbin 🔥🔥🔥
@MianArslan-nh1jj
@MianArslan-nh1jj Жыл бұрын
Very Very Thanks. It is very Helpful for me🥰🥰🥰🥰🥰
@rocaivan
@rocaivan 2 жыл бұрын
Thank you. Good explanation.
@sakib0511
@sakib0511 2 жыл бұрын
thanks bro. very informative video
@RD4Ufr
@RD4Ufr 2 жыл бұрын
Hello Jim, good work &channel, 👍 I have another method to keep the setting by widget alignment, it's to put our parent container "width" to stretch. Thank's for your content.
@The-Revulsion
@The-Revulsion 2 жыл бұрын
MasaAllah ❤️ Good Explained !
@hykramettir7944
@hykramettir7944 4 ай бұрын
THANK YOU SO MUCH, your chain is amazing good job
@jimfahaddigital
@jimfahaddigital 4 ай бұрын
Happy to help! 😍
@sailatx8655
@sailatx8655 Жыл бұрын
Thank you !!!
@arafatehossenemon3164
@arafatehossenemon3164 2 жыл бұрын
jim Bhai u really doing great job 😊.
@76five
@76five Жыл бұрын
Hey bro i love all the tutorials which you make. Can you please let us know some more about the flex box so we all gain some extra knowledge and will become a pro like you. As the elementor flex box is a new feature of the elementor, it is a bit harder for us to understand all the things inside this. If you will make a tutorial on this. So this will be a great help to all new and old designers to understand more.
@LogologicsNl
@LogologicsNl Ай бұрын
Thanks!💯
@takadoensei1003
@takadoensei1003 2 жыл бұрын
Grato pelo conteúdo... Like from Brazil
@OmarWaleed
@OmarWaleed 2 жыл бұрын
Thanks Jim
@healthadvisor6969
@healthadvisor6969 2 жыл бұрын
Nice 👍 tutorial 👋
@davidez_sitiweb
@davidez_sitiweb 2 жыл бұрын
The best 👏🏻👏🏻
@sebastianrossini5492
@sebastianrossini5492 3 ай бұрын
saved my life
@titan1969
@titan1969 2 жыл бұрын
Thank you!
@talhajutt.002
@talhajutt.002 2 жыл бұрын
Yeah Please explain more in detail with practical and examples.
@sjnichani
@sjnichani Жыл бұрын
good job on video
@ekforwpfirot5998
@ekforwpfirot5998 Жыл бұрын
thanks
@codemilestone7697
@codemilestone7697 Жыл бұрын
You are just a great
@mnburch
@mnburch Жыл бұрын
Hi Jim. I love your tutorials and have learned so much from them. However, I am having a problem with Justify Content in a Container set to Row orientation. I create a Container with Column orientation and place three elements in it, and all the Justify Content settings work fine. If I switch the orientation to Row, or create the Container to Row orientation to begin with, none of the Justify Content settings work. Container Width is set to Boxed, and I've provided a Min Height as well. I'm using the Hello theme and just can't figure out what is going on! Can you please help me? Buttons seem to be about the only Elements this does work on. Things like Text Editor and Icon Box, for example, do not work.
@LudovicCharlier
@LudovicCharlier 2 жыл бұрын
Nice video as usual. I see that when we use container that there is no default padding and margin around the container, is it normal? Does it mean that we must put manually each padding/margin since Elementor don’t have utility classes for each container? Thank you
@marufconsultant
@marufconsultant Жыл бұрын
It’s a humble request from me. If you launch a full Wordpress and Elementor design and development tutorial playlist in this channel step by step from scratch. It will most knowledgeable playlist for many of us.
@KariposTheOne
@KariposTheOne 2 жыл бұрын
Amazing!
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
Thank you! Cheers! 😇
@franciscoxaviercarrasco3149
@franciscoxaviercarrasco3149 2 жыл бұрын
How did you get that dupplicate button on the sections? Thanks!
@advanced-developers
@advanced-developers 2 жыл бұрын
good video
@hetiikzclan
@hetiikzclan 2 жыл бұрын
damn we needed that so long
@rahulprasadgupta479
@rahulprasadgupta479 Жыл бұрын
One of the most clear and to the point explanation video ever seen😍....You just earned my respect and subscription also😅
@jimfahaddigital
@jimfahaddigital Жыл бұрын
Awesome!! Means a lot!!! I really appreciate it!! 😇
@rahulprasadgupta479
@rahulprasadgupta479 Жыл бұрын
@@jimfahaddigital just wanted to ask a question...is flexbox safe enough to use on live website from now on???
@spacesconnectionbali1143
@spacesconnectionbali1143 2 жыл бұрын
Please do more videos like this bro
@pierrevalentinayemeyemie6321
@pierrevalentinayemeyemie6321 Жыл бұрын
hello Jim. i have a problem with an elementor page on electro theme. i used flexbox but elements in container look always align as column in real view on the site. how can i solve this issue? pls help.
@hamzachaudhary819
@hamzachaudhary819 2 жыл бұрын
What will be the impact on custom design customization which we did by watching your videos... Because we were using section and columns and now it is totally different.. please make a video on this
@MilosSesevic
@MilosSesevic 2 жыл бұрын
Under section structure, I only have percentages of the columns, nothing more. How did you get this option?
@sayedhridoy5756
@sayedhridoy5756 2 жыл бұрын
Jim Vai, I can not find Positioning option on Advanced tab in elementor Pro. Can I know how to find this?
@mdsojonmiah1217
@mdsojonmiah1217 2 жыл бұрын
really amazing youtube channel. where are you from Jim Fahad bro?
@nagpalnirmal
@nagpalnirmal 2 жыл бұрын
Hello bro intro background black n gray animation is awesome please show how to create that if you have done it on web
@roohulamin195
@roohulamin195 Жыл бұрын
Assalam-O-Alikum! Respected Jim Fahad Digital, first of all I want to say "Your are the Best". Second please make a video on a school website using all free resources which cover all the departments/sections of the school/college/university. Thanks in Advance.
@jimfahaddigital
@jimfahaddigital Жыл бұрын
Walaikumassalam brother!! I will try!! Thanks a billion for your appreciation!!
@Art-01
@Art-01 2 жыл бұрын
Yes please make a video for responsive too. When i try this, it show the scrolling from left to right, its break the center of mobile. Thank u
@user-qm9lt8yg2j
@user-qm9lt8yg2j 5 ай бұрын
vaia registration from create korar akta css code dile upokar hoto! deya jabe ki?
@surajyadav-dq3db
@surajyadav-dq3db 2 жыл бұрын
Jim.. can you guide us through a video how to be successful in freelancing? As you are our mentor in page building and website development as well. Please Its a request from your subscriber.😊
@SohelKhan-yp6uj
@SohelKhan-yp6uj 11 ай бұрын
take love
@MrAbhi-nf7pj
@MrAbhi-nf7pj 2 жыл бұрын
Ist comment love from india 😍
@KevsGuide
@KevsGuide Жыл бұрын
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
@DamianMartinBuc
@DamianMartinBuc 2 жыл бұрын
Hola... me gusta mucho sus videos, pero sin subtitulos se pierde mucha información importante para los que no hablamos ingles... no puedes activar los sub actumaticos o permitir que colaboren con los subtitulos?
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
Presiona "CC" en la esquina inferior derecha del reproductor de KZbin, eso debería abrir los subtítulos. Después de cargar un nuevo video, KZbin tarda de unos minutos a horas en habilitar los subtítulos generados automáticamente. ¡¡Muchas gracias hermano!!
@mdshoeb9467
@mdshoeb9467 2 жыл бұрын
@@jimfahaddigital Bro i want to learn website design like you please explain what you learn in website design development can you guide me how i learn and how u learn where you learn all the stuff regarding design and coding other things
@RickWolfff
@RickWolfff 2 жыл бұрын
Another great takeaway: when there are 4 choices for something and I don't want ANY of them, the one that is selected can be toggled off! I doubt I would've realized that by myself.
@BradK02
@BradK02 2 жыл бұрын
Why do you choose 1140 for width and 80 for height. Are there recommend sizing for sections and Landing pages. Is there a standard that you use. Thanks for the tuts.
@jimfahaddigital
@jimfahaddigital 2 жыл бұрын
Hey brother! Actually that 1140 is the default width set by Elementor itself! And, most of the time, I keep their default width. It always works for me! Thank you so much for appreciating!
@BradK02
@BradK02 2 жыл бұрын
@@jimfahaddigital Thanks for the reply. What about height. Is there a go too height if you dnt use fit to screen. I want find a standard to use for my designs. I enjoy your videos, greetings from South Africa. 👍
@adied7725
@adied7725 2 жыл бұрын
@@jimfahaddigital looking for the same thing.... Standard set up size is... Width height.... Hero size recommended And also how to set up a horizontal and vertical grid for margins, gutters ect.. For alignment of content... Thanks Jim always good informative videos 👍👌😊
@adied7725
@adied7725 2 жыл бұрын
An answer, please? not a heart
@BradK02
@BradK02 2 жыл бұрын
@@adied7725 Lol I was also expecting an answer. I assume there is no definite answer. Cos theoretically, you can make it any size. I want to have a standardized sizing for the commen assets and designs I use
@rahat_py7285
@rahat_py7285 5 ай бұрын
@bluehawk3779
@bluehawk3779 2 жыл бұрын
Why can i see the container option in my Elementor?
@bluehawk3779
@bluehawk3779 2 жыл бұрын
*cant
@paulovitormesquita3736
@paulovitormesquita3736 2 жыл бұрын
Jim, I'm from Brazil and I have Elementor Pro License but it don't show this widget. Do you know why this coulf be happening?
@TheSLVR
@TheSLVR 2 жыл бұрын
Olá, Paulo. Você atualizou o Elementor?
@paulovitormesquita3736
@paulovitormesquita3736 2 жыл бұрын
@@TheSLVR Olá. Sempre atualizo pelo próprio painel Wordpress.
@8amfilmes
@8amfilmes 2 жыл бұрын
@@paulovitormesquita3736 I've had the same question. All you have to do is to activate the flexbox experiment inside the elementor configurations... good luck.
@paulovitormesquita3736
@paulovitormesquita3736 2 жыл бұрын
@@8amfilmes I got it!!! Thank you so much!
@ipalibogeorge9194
@ipalibogeorge9194 Жыл бұрын
@@8amfilmes Thank You, you are amazing!
@IsaacOnyait
@IsaacOnyait 2 жыл бұрын
Is it pro
@damianfreeman5069
@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
@mdsojonmiah1217
@mdsojonmiah1217 2 жыл бұрын
really amazing youtube channel. where are you from Jim Fahad bro?
Elementor "Scroll To Top" reveals while Scrolling Down!!!
8:28
Jim Fahad Digital
Рет қаралды 40 М.
Elementor Flexbox Container Tutorial - EXPLAINED
35:00
Rino de Boer
Рет қаралды 121 М.
This is not my neighbor  Terrible neighbor! #funny #zoonomaly #memes
00:26
Now THIS is entertainment! 🤣
00:59
America's Got Talent
Рет қаралды 38 МЛН
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
Fabiosa Animated
Рет қаралды 4,7 МЛН
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 6 МЛН
Elementor Flex Wrap & No Wrap Explained!!!
6:34
Jim Fahad Digital
Рет қаралды 24 М.
Elementor Flexbox Container Tutorial | Wordpress
17:41
Miguel Carneiro
Рет қаралды 1,5 М.
I tried every FREE website builder. This is the best
7:58
Steve Builds Websites
Рет қаралды 31 М.
Flex Container Crash Course - Elementor Wordpress Tutorial
20:51
Web Squadron
Рет қаралды 3,2 М.
How to create 3D Website Designs With No Code
4:24
Codex Community
Рет қаралды 512 М.
How to Align Buttons in Containers for Elementor
5:22
EleWebDev
Рет қаралды 2,9 М.
How To Use The NEW Elementor Container | Flexbox CSS
23:57
Elementor Flexbox Container Tutorial: Flex and Grid Layout
59:17
This is not my neighbor  Terrible neighbor! #funny #zoonomaly #memes
00:26