Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout
Рет қаралды 561,188
Күн бұрынIn this video I explain in detail how you can use Sections, Inner Sections, Columns, Margin & Padding to create a page layout in Elementor. This is a Elementor Tutorial for beginners that want to get started in Elementor. So if you are new to Elementor, then this video might be interesting for you.
Get Elementor & Elementor Pro via: livingwithpixels.com/elementor
Want to master Elementor and feel confident while using it? Then check out my online course: livingwithpixels.com/elemento...
→ Other software that I recommend
Hostinger (Affordable Hosting provider): livingwithpixels.com/hostinger
Siteground (Premium Hosting provider): livingwithpixels.com/siteground
Figma (Design Software): livingwithpixels.com/figma
All software I recommend: livingwithpixels.com/links/
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Social media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.
@patrickbogart2376 3 жыл бұрын
Whoever the one person is that put thumbs down must be on some strong hallucinogenics. I can't begin to estimate how much wasted time and frustration you are going to save people from. Amazing. thank you!
@aafiqu_tech 3 жыл бұрын
i was laughing at that one wasted sperm of universe
@philipkeeler9997 3 жыл бұрын
Now five of 'em. I think they must have been looking for LlivingWithPretzels!
@HazloConLaIA 2 жыл бұрын
maybe those persons must be people who doesn't want this information to be reveled
@joeschmoe435 2 жыл бұрын
I didn't do it
@timstone2574 3 жыл бұрын
Maybe Elementor should hire you to do their instructional videos. Thank you so much, pity I didn't watch this first.
@simirank.5579 3 жыл бұрын
Okay I'm feeling confident about this 😂😂
@patrickmugenyu7727 3 жыл бұрын
Biggest mistake is starting elementor without watching tutorials
@india_talkies 3 жыл бұрын
i love you
@MikeWesolek 2 жыл бұрын
Agreed, this video rocks!
@Paradoxical66 3 жыл бұрын
I just spent weeks making a website with Wordpress and trying to then modify it using Elementor Pro and there are all kinds of problems trying to use a WP theme and Elementor. Ran across your other video and then this one and switching to just building my own with Elementor Pro. Your videos are very well done, go slow enough and give beginners the information they need and you have a nice voice. thanks for doing what you do.
@zennien 2 жыл бұрын
Wow, I can't praise this video enough! I've been struggling to understand the sections&columns&paddings&margins concept but you made it very clear! Thank you so much for putting your time and effort into this and helping others!
@thijsdenhartigh583 3 жыл бұрын
De hoeveelheid moeite die je in de video's steekt zie je direct terug! Je maakt oprecht topvideo's, blijf zo door gaan!
@jimwagner5304 Жыл бұрын
Okay that was incredibly helpful. It covers a practical outline of terms and concepts and adds advanced steps at the right pace. He carefully explains common pitfalls and proposes creative work-arounds. Rino's overlay illustrations sets this apart. It conveys the cause and effect in a visual way that's clear and easier to understand. Exceptional.
@cokanre6394 3 жыл бұрын
Goodness, this is so crystal clear and saves a lot of my time working out on pad and marg... Simply amazing! Thanks a million!
@radiationsolutionsllc1465 2 жыл бұрын
This was fantastic! I have struggled with this for some time and now it's perfectly clear. It changes everything. Thank you for all your effort and the brilliant way in which you presented this seemingly complex subject.
@annaraccoon9837 3 жыл бұрын
This is literally the best video about this topic I've ever seen! So clear and understandable! I love it! Thank you so much
@rinodeboer 3 жыл бұрын
I'm so glad!
@digitalboy4757 3 жыл бұрын
Name of plugin which helps us for viruse scanning in wordpress ????
@sister1ist 3 жыл бұрын
i agree !!
@india_talkies 3 жыл бұрын
op bro i love you
@lydiahernandezsosa4182 2 жыл бұрын
Ok
@evgenkorpl 3 жыл бұрын
You're the Best! Thanks for useful information. Now everything has leveled off in my head and the information now has its own margins and paddings 😉✌
@naturalpractices1660 3 жыл бұрын
This is such a simple, easy way of explaining columns, padding, and all the other stuff I didn't understand - I love it!
@mikolelapin 3 жыл бұрын
OMG you are amazing! I usually get so bored on tutorials, but you go straight to the point. I usually work on DIVI but wanted to give a go to elementor and couldn't understand how it works, and after your video, everything make sense! Thanks a lot, you rock!
@desireejadevelasco9583 3 жыл бұрын
You are indeed a hero for all levels of designers! I love how you exceptionally explained every details. Thanks a lot, stay safe and best regards!
@SobaDenki 2 жыл бұрын
Finally ! Thanks Rino for an excellent primer on everything placements on Elementor - truly appreciate all that you've done with explaining everything in its place. Great tutorial. So to the point ! Subscribed ⚜
@philliprichards5828 3 жыл бұрын
Thank you thank you thank you! I've been watching watching your videos from the start of living with pixels and as soon as you mentioned making this video I KNEW you were going to explain what has been the most frustrating part of elementor for me. You are amazing!
@bellatobe 3 жыл бұрын
Well done Rino! Another excellent tutorial video and so well needed to ensure our designs look professional. Thank you for this! You are a great teacher!
@ahmadromdhonicom 3 жыл бұрын
Good explanation! For padding and margin issues, Elementor actually adds 20px space between widgets by default. So if you want to have a blank canvas for Elementor, no padding and margin between sections, columns and widgets. Go to hamburger button > site settings > layout and set the widget space to zero/0.
@eephilosophy 3 жыл бұрын
I never understood why such an amazing creative tool was never explained clearly by the developers of Elementor. I have watched all of their videos and this technical, but very critical, detail is so important to even begin using this amazing design tool. Thanks for your video. Well done!
@rinodeboer 3 жыл бұрын
Me too! That's why I made this video. I guess that sometimes it's hard to zoom out when you are so zoomed in on something.
@eephilosophy 3 жыл бұрын
@@rinodeboer Thank you so much for your reply. Will be picking up on coding again with Elementor soon. Was distracted by the election. 😀
@adamaim2199 3 жыл бұрын
All they do is teasers to make you to buy and then figure out yourself. This video is amazing. :)
@websolutions-marketing467 3 жыл бұрын
Many times the developers are so emersed in their work that lots of things become obvious to them. The real-world problem for many of us is that we need to grasp the practical application and understanding because it is not obvious to us. Note To Developers And Explainers: Please do not always assume the obvious. Please educate us. This video is a great example of not assuming the obvious.
@brunozysman9481 3 жыл бұрын
Fantastic and clear video that explains everything to not be drawn in the margin/padding nightmare that all beginners cannot avoid. Again your videos are stunning and help the Elementor developpers community like no one else can do….
@johndaly179 3 жыл бұрын
Wow, this is seriously one of the best tutorials I have ever seen. Crystal clear explanation and illustration. I too am an adobe photoshop, after effects, and premier pro user and none of those tutorials hold a candle to this. Thanks so much. for doing this!
@ChitlinsLaundry 3 жыл бұрын
My man ! Appreciate the effort here another great vid! 🙏
@0xfrans659 3 жыл бұрын
Omg Rino, This video is such a goldmine, thanks for this
@cbmk788 3 жыл бұрын
You just saved my life. Thank you so much. Wish all my teachers were like you. Practical, show variations for each function, and give us a heads up about all the feature modifications we may need to make.
@hollywoodheather1177 3 жыл бұрын
This helped me a ton! Thank you for taking the time to show us..literally a life saver for us self learners.
@byamberkri 3 жыл бұрын
This is amazing, thank you!!! I would love to see even more 😍
@seekeroftruth101 3 жыл бұрын
This was absolutely incedible my friend. Honestly. I've gone through every dam column video for elementor on yt and yours is THE BEST by far. You were clear, concise, detailed and patient. Excellent teacher 10/10! Liked, subbed and belled.
@simonbusshart1463 3 жыл бұрын
That's what i would say too. Awesome Video!
@philipkeeler9997 3 жыл бұрын
@@simonbusshart1463 I've found all of LWP's videos superior to most others.
@lisafish5320 2 жыл бұрын
Thank you so much for breaking this down so well. I agree, hands down the best video I've seen. I don't understand whey Elementor doesn't explain any of this in detail like you have here, so THANK YOU!!!
@RazorNLD 3 жыл бұрын
Ik wil je heel graag bedanken voor de uitleg en ben nu gesubd op je kanaal. Heb hier heel veel aan gehad. Top!
@relaxingsoundsforthesoul6809 2 жыл бұрын
Amazing tutorial. Thank you so much, you are much better than the elementor team who give a high-level training only, leaving out so many important details. As you know we have to do the guesswork to learn through trials and errors and much frustration in between! You made our lives much better with this very informative training. Thank you so very much🙌❤️😘😍
@dennysvelazquez938 3 жыл бұрын
Hmm just wanted to add that this is kind of inspiring, as a designer is pretty cool to see people caring about the details. I live in Mexico and I think all of this web topics are kind of outdated, am so grateful for all you videos, is clear that you put a lot of effort in them and you explain the concepts as easy and clean as possible!
@theefficientfrontier 2 жыл бұрын
How can basics be “outdated” what exactly is “in-dated” now
@umairmirza7537 3 жыл бұрын
You worked really hard and as we can see you have covered almost all the main topics, great job man!
@tonyholt3107 2 жыл бұрын
This is exactly the kind of video everyone needs on Elementor. Practical advice on the small but critical details so your layout can be made as intended. And way cool on the negative margins/padding to make some really cool effects. However, I wonder if you've ever had a time where that didn't look as intended (or flat out broke) on different screen sizes or browsers? I'm literally just starting out on Elementor, so glad I found this. Great job!
@JMarco-so8pn Жыл бұрын
This is hands down the best explanations I have had regarding columns, sections, inner columns and padding. A whole bunch of stuff started making sense 🤔 THANK YOU!
@muhammadalifredzuan8601 3 жыл бұрын
I found who can explain me what is margin and padding!!!
@victorrenevaldiviasoto9728 3 жыл бұрын
I was fighting with them the other day and I woke up thinking: "someone should clarify the lots of margins of each inner "
@MrSAmUrAioT 3 жыл бұрын
BY FAR the BEST tutorial on Sections, Columns and Margin in Elementor I have seen! Man, I wish I discovered this earlier. You explain it in a great way: schematic, following a logic, simple, and with examples! Finally someone who explains the structure of a page in Elementor, so that we can all play with it. I find it so frustrating that even the official tutorials don't say a word about this. Good job!!!! Keep creating content this is great! Thank you so much!
@eal918 3 жыл бұрын
Finally! This took me weeks to figure out! This saves so much time for beginners. Thank you!
@bystrikkralovic 3 жыл бұрын
Love the easter egg in the video! 👌
@rinodeboer 3 жыл бұрын
Lol, finally someone found it
@ballsoffury8423 3 жыл бұрын
sorry I have to curse, this is fuking beautiful. You are such a genius, I'm speechless.
@2HAMMERS1 3 жыл бұрын
>>> You are such a genius, I'm speechless. Which explains why you are typing. har har har { sorry }
@mikeodonnell6312 Жыл бұрын
I needed to place images above images in the same box. This was exactly what I was looking for. great job.
@judygalloway5966 Жыл бұрын
This is one fantastic tutorial. You clarified so many of those little questions with great examples and actually showing what works best. Thank you very much.
@shyamjaiswal04 3 жыл бұрын
Hey, Rino can u make a tutorial on making navigation bar in elementor And, if you can, plz make the design you showed live for everyone
@rinodeboer 3 жыл бұрын
Hey Aryan, what do you mean with a navigation bar? Do you mean a menu? Because I do have a few videos on my channel about transparant headers which contains a navigation, like this one: kzfaq.info/get/bejne/j5-modtnucDUYnk.html - or do you mean something else?
@nickmartin1688 3 жыл бұрын
@@rinodeboer Another video on menus would be great! More general coverage in the same format as you did here, and maybe a review of menu add-ons from other vendors?
@shyamjaiswal04 3 жыл бұрын
@@rinodeboer Yup, the video was great. And yeah, I meant menu.
@BC-zl3ez 3 жыл бұрын
I feel like if elementor just used grid instead of flex as default so many problems could be avoided 🤦♂️😂
@abdullahalif8846 3 жыл бұрын
This is the best one I have seen so far. Want more complicated designs of using columns [vertically and horizontally] inside a section.
@letsdrawcomics 2 жыл бұрын
THANK YOU FOR THIS TUTORIAL! I've been searching all over how to work with columns and section - and you really explain it simple and easy!
@stayanddrown 3 жыл бұрын
Thanks man. This video was such a huge help to me. I came here because my mobile edits were screwing up my desktop edits. After watching this and learning, I completely redid my page with the info you gave. Now it transitions perfectly 😊 Thank you so SO much for making this video!
@JeffCreates 3 жыл бұрын
Definitely the best description i've seen of these concepts, especially relating to Elementor that i've seen. So clear.
@simonbusshart1463 3 жыл бұрын
This Video helped me more than the entire Support section of Elementor ever. Thank you Thank you Tank you really good explanation
@interescienceyoutubechanne5615 3 жыл бұрын
This is definitely the best video about Elementor Sections, Columns, Margin & Padding EVER made! Thanks so much, it was very helpful.
@mikehills7247 3 жыл бұрын
Fantastic - this was a Rosetta stone for me I have struggled for weeks to create a personal website, and now I can see clearly what I must do
@arrubasheldrick77 3 жыл бұрын
You have an incredible talent to explain difficult things in understandable way and to make desktop life easier. Thanks a lot!
@Bertiiiiiii 3 жыл бұрын
I was searching for a video where I can learn how to create pixel perfect designs from Figma. Now I understand the basics, the logic behind sections and I got several useful tips which will save me a huge amount of time. Great video many thanks!
@linda_sue 3 жыл бұрын
Rino, you are our HERO!!! This is not my favorite Elementor video of all time! This is most excellently produced! I can't thank you enough for sharing your experience and for promoting pixel-perfect professionalism!
@kehnit 2 жыл бұрын
Extremely helpful for me to have understood this concept before i start making my first webpage in Elementor! Everything went so smoothly without much trial and error... thank you for making this video!
@christinemadeux1623 3 жыл бұрын
DUDE, THANK YOU! You just answered alllll the questions and have a real gift for explaining things. Thank you so much for this in-depth tutorial!
@nickcharlesworth1429 2 жыл бұрын
Best video I've seen in a long time, clearly explained and altruistically delivered. Now understand the 'matrix'. Will be an enormous help! Thanks so much!
@stefandickx8772 2 жыл бұрын
The best of the best regarding section, columns, margins and padding.
@FirebrandVOCALS 3 жыл бұрын
The most comprehensive KZfaq tutorial on the matter 👍
@gsbarchitectsinteriordesig4813 2 жыл бұрын
This is literally the best video about this topic I've ever seen! So clear and understandable! I love it! Thank you so much
@crypto_with_tushar 3 жыл бұрын
Thank you for explaining how to use Elementor for creating amazing web designs. I truly appreciate the hard work you did in making these great videos.
@bryanlinc8874 Жыл бұрын
I’m a visual learner and he did a great job explaining as well as showing you exactly what he talking about! If you are new to building like I am, this is a great starting point!
@roxyshtepan5271 3 жыл бұрын
Wow this is a VERY helpful video. Thank you for taking the time to create this! The illustrations with labelling of the columns, inner sections, padding, and margins helped me understand how all of these elements work together.
@JahsLion 3 жыл бұрын
Dude my head was hurting watching all of those other videos and not being able to reproduce their results. This is the best video on the internet. Thank you!
@calyntevinlalsing1236 3 жыл бұрын
I'm just starting on elementor. Layout is so easy but margins and padding both negative and positive was so confusing. This video was premium quality. The kind of stuff you pay for. The effort was amazing you deserves so many more views. I'm going to be sharing this channel to everyone. I really hope this business works out for you. If it doesn't then youtube just lost a star!
@mateopons 2 жыл бұрын
Incredible how this guy explains everything. You made me love web design development. Thanks
@anaisvw7495 3 жыл бұрын
Great video! Thanks! Everything is so much clearer now. Thanks for taking the time to put up such a great tutorial. I’m looking forward to the next one! 😉
@May10th 2 жыл бұрын
This is the BEST website tutorial I've ever seen!!
@dankhaw2960 2 жыл бұрын
in all the 3 years learning Wordpress and 1 year learning Elementor, you have provided one of the more beginner to intermediate to advanced content. kudos.
@inodentproject7424 Жыл бұрын
You were clear, concise, detailed and patient. Excellent tutorial! :)
@cizgisizajans6530 2 жыл бұрын
Best content about Wordpress in youtube. Thank you Rino
@pamgraf8191 3 жыл бұрын
Great job!! I had been really struggling with figuring out how to do this. Awesome video - and you have a great personality!
@creativejessica6264 2 жыл бұрын
太感谢你啦！非常棒的视频，非常用心的讲解，非常有帮助的案例准备，还特别用Illustration画了Section, Column和Inner Section的关系图，一下子就醍醐灌顶了！
@leenabel Жыл бұрын
Great Elementor training. Appreciate all your efforts in creating this. Thank you so much!
@bigdude6513 Жыл бұрын
Absolutely amazing. Just what I’ve been looking for. I got tremendous value from this video. Thank you!
@jackrae8563 2 жыл бұрын
I am just starting a personal blog using WP and Elementor and this was incredibly helpful. Honestly, thank you sooo much!!!
@MyMilbert 3 жыл бұрын
This was a really informative video. It added clarity, that no other video has. Looked far and wide and the information that you provided was valuable. Thanks!
@tonav6431 2 жыл бұрын
This is super helpful! I have watched other videos and can't make it through! Thanks, LivingWithPixels!
@korybotkin3028 2 жыл бұрын
I’ve been pulling my hair out for months since I switched to WP because I couldn’t get the look I wanted. You just fixed all of it with this video! Thank you!!
@reginaguzman6220 4 ай бұрын
This was incredibly helpful. I'm diving into web design, as a beginner I wouldn´t have figured it out on my own so fast. Thank you so so much!!
@B2BResourceTeamLLCSarasota 3 жыл бұрын
Thanks for the clarity on this video. You seemed to answer each question that came up for me in later sections of the video. This one is really good.
@ruoshanlee8483 3 жыл бұрын
Thank you Rino! I love that your videos are so easy to understand!
@JamieSeaux 2 жыл бұрын
Agree with other posters. This is the best video I have seen describing columns and sections. You don't know how frustrated I was when I thought I understood one part - only for my design to totally change with my tweaks. Great video!!!
@lukasfunctionhr1814 3 жыл бұрын
WOW. Easily the best tutorial video i have ever watched - thank you!
@ManuelWillCom 3 жыл бұрын
Nicely done. That predefined padding that comes with new sections made me go nuts when i was starting out, thanks for pointing that out again. I'd like to see you revisit that subject again with more mobile and responsive tips and tricks!
@karenwood4042 Жыл бұрын
Brilliant. I've been SO confused by all of this. Your video explained it all perfectly and restored my sanity! Thank you.
@HarishKumar-qb2ns 3 жыл бұрын
The way you explain is so great. Thanks for the great video!
@WordGirlPhotoEdits 3 жыл бұрын
Wow!! You've done a superb job explaining such a complex topic. Definitely can see how much effort you've put into making this video. This is one that I'll be watching again & again (and AGAIN)!! Thank you so much.
@RyWardwell 2 жыл бұрын
Iincredibly well structured video with a level of instructional clarity well beyond my expectations. I'm a filmmaker and this is "stand out" work on the topic. Thank you!
@suhasbv2975 2 жыл бұрын
This video helped me sooo much. I did al the designs you showed along with you. I learned more in this 30min video than last whole week. now I feel confident. thank you soo much
@deborah7270 3 жыл бұрын
As many comments already are saying, THIS IS THE BEST TUTORIAL on this subject there is anywhere. Thank you.
@JackHannibal1 3 жыл бұрын
You, my friend, are an artist. I, on the other hand, am... learning. Really helpful. Thanks.
@mdidaho 2 жыл бұрын
I think you are the most talented teacher Ive ever listened to. Your content is great, and greatly appreciated!
@gregparsns 3 жыл бұрын
This video was great. It was really the missing link for me, and I bet for many like me.. I watch videos as guys zip around and show you have easy it is to make a cool site. Then you go in to try to do the same and things are not lining up, and you can't find the setting you are looking for. This was video key, especially the note about the invisible default spacing elementor adds and to clear that. The tips on how much and where to use your margin which space will be huge in maintaining a consistent look and feel across the site.Well done, you can see the work you put into it to illustrate your points also. Very clear, loved it. Thanks!
@vegabytz 3 жыл бұрын
I'm starting to do website on wordpress on elementor first, then I saw your videos. Thanks for this and it helps me a lot since I'm just a beginner. Very helpful!
@gerardpatrick8960 3 жыл бұрын
Worthy of an Oscar. Absolutely superb. Thank you very sincerely.
@Shin-ct2em 3 жыл бұрын
Thank you so much for creating this video!! You answered all my MOST FRUSTRATING questions!!!
@TradeMarcTM 3 жыл бұрын
Thank you for this! I appreciate your thorough explanations, illustrations and useful examples. This is something I've been struggling with since I started with Elementor.
@marlings 3 жыл бұрын
First class! You did an extraordinary job here and I will watch this many times to build my understanding and skills. Thank you 🤗
@roninarif 2 жыл бұрын
solve lot of my problems with sections and columns and must appreciate your great teaching skill to let us learn a lot. Thanks
@danielherrera3855 3 жыл бұрын
That is great content! All questions left in regards to padding, marging, positioning and responsiveness were answered here. I've been working on building websites in Elementor since April this year, and have watched probably hundreds of good web tutorials that helped me to do lots of progress - I am really greatful for all that help. However, coming across this one was a different story. Unlike many others, this video brings crucial info, so well explained, full of theory and visual references, that is handy not only for newbies but for others too. I personally had so much issues in understanding the concepts of sections, columns and inline widgets in Elementor - but they are all gone now. Guess this tutorial should always rank at the second position, right after the interface explanation ones. Thanks for this and congratulations for both your designs and videos that flow so nicely and smoothly. By the way, I tried to find further info in regards to Column Gaps options and the default sizes of each, but didn't find it yet. Guess the only way to customize it is in deed through out padding and margin calculations. Thanks again and all the best! Dan
@julietsimpson7982 Жыл бұрын
Very interesting, as a beginner I'm going to watch this over and over.
TheSoul Music Jam
Рет қаралды 25 МЛН