Sections, Columns, Margin & Padding EXPLAINED - Elementor Tutorial Wordpress for Page Layout
Vložit
- čas přidán 29. 06. 2024
- 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. - Jak na to + styl
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!
i was laughing at that one wasted sperm of universe
Now five of 'em. I think they must have been looking for LlivingWithPretzels!
maybe those persons must be people who doesn't want this information to be reveled
I didn't do it
Maybe Elementor should hire you to do their instructional videos. Thank you so much, pity I didn't watch this first.
Okay I'm feeling confident about this 😂😂
Biggest mistake is starting elementor without watching tutorials
i love you
Agreed, this video rocks!
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.
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!
This is literally the best video about this topic I've ever seen! So clear and understandable! I love it! Thank you so much
I'm so glad!
Name of plugin which helps us for viruse scanning in wordpress ????
i agree !!
op bro i love you
Ok
De hoeveelheid moeite die je in de video's steekt zie je direct terug! Je maakt oprecht topvideo's, blijf zo door gaan!
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.
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.
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!
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.
@@rinodeboer Thank you so much for your reply. Will be picking up on coding again with Elementor soon. Was distracted by the election. 😀
All they do is teasers to make you to buy and then figure out yourself. This video is amazing. :)
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.
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.
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 ⚜
Wow, LivingWith Pixels is absolutely AMAZING!!! Don't spend hundreds/thousands on course when you can watch this professionally curated and edited content. Show your thank you to Rino by subscribing and liking this free content he puts out for the community. Cheers! 🙌🙏
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 😉✌
My man ! Appreciate the effort here another great vid! 🙏
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!
As many comments already are saying, THIS IS THE BEST TUTORIAL on this subject there is anywhere. Thank you.
Omg Rino, This video is such a goldmine, thanks for this
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!
Finally! This took me weeks to figure out! This saves so much time for beginners. Thank you!
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….
This is amazing, thank you!!! I would love to see even more 😍
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.
That's what i would say too. Awesome Video!
@@simonbusshart1463 I've found all of LWP's videos superior to most others.
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!!!
This is such a simple, easy way of explaining columns, padding, and all the other stuff I didn't understand - I love it!
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!
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!
How can basics be “outdated” what exactly is “in-dated” now
You worked really hard and as we can see you have covered almost all the main topics, great job man!
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!
Goodness, this is so crystal clear and saves a lot of my time working out on pad and marg... Simply amazing! Thanks a million!
I was fighting with them the other day and I woke up thinking: "someone should clarify the lots of margins of each inner "
Love the easter egg in the video! 👌
Lol, finally someone found it
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!
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!
I found who can explain me what is margin and padding!!!
sorry I have to curse, this is fuking beautiful. You are such a genius, I'm speechless.
>>> You are such a genius, I'm speechless.
Which explains why you are typing. har har har { sorry }
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!
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!
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
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: czcams.com/video/Y9vnx6TZp2E/video.html - or do you mean something else?
@@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?
@@rinodeboer Yup, the video was great. And yeah, I meant menu.
I feel like if elementor just used grid instead of flex as default so many problems could be avoided 🤦♂️😂
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!
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!
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!
This is definitely the best video about Elementor Sections, Columns, Margin & Padding EVER made! Thanks so much, it was very helpful.
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!
This is literally the best video about this topic I've ever seen! So clear and understandable! I love it! Thank you so much
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🙌❤️😘😍
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!
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! 😉
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.
Definitely the best description i've seen of these concepts, especially relating to Elementor that i've seen. So clear.
Ik wil je heel graag bedanken voor de uitleg en ben nu gesubd op je kanaal.
Heb hier heel veel aan gehad. Top!
This helped me a ton! Thank you for taking the time to show us..literally a life saver for us self learners.
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!
Great job!! I had been really struggling with figuring out how to do this. Awesome video - and you have a great personality!
The most comprehensive CZcams tutorial on the matter 👍
I needed to place images above images in the same box. This was exactly what I was looking for. great job.
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!
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!
This is the best one I have seen so far. Want more complicated designs of using columns [vertically and horizontally] inside a section.
Thank you Rino! I love that your videos are so easy to understand!
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.
Brilliant. I've been SO confused by all of this. Your video explained it all perfectly and restored my sanity! Thank you.
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.
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.
This is super helpful! I have watched other videos and can't make it through! Thanks, LivingWithPixels!
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.
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!
Absolutely amazing. Just what I’ve been looking for. I got tremendous value from this video. Thank you!
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!
So glad I ran across your channel! Straight-forward, easy-to-follow tutorials like all tutorials should be. 3 thumbs up! (I’m a mutant.) Thank you!
The way you explain is so great. Thanks for the great video!
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.
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
Thanks a ton Rino! Super helpful, I just watched it for the second and I still learned so much. Keep up the great work!
I can't believe this is all free. Keep up the good work!
I think you are the most talented teacher Ive ever listened to. Your content is great, and greatly appreciated!
Incredible how this guy explains everything. You made me love web design development. Thanks
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
Man such a good video… I randomly needed most of these exact tutorials
Great Elementor training. Appreciate all your efforts in creating this. Thank you so much!
I am just starting a personal blog using WP and Elementor and this was incredibly helpful. Honestly, thank you sooo much!!!
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!
Wow!!! What an amazing video! I am sure I will return when I forget something! Thank you so much for taking the time to make this video!!!
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.
Hi! Amazing video. I recently found out that I can create an inner section inside an inner section. Just copy the parent column, paste it into the inner section, and you're done. You will have to make some adjustments but this trick opened up a world of possibilities for me. Sending you a big hug from Cuba.
You have an incredible talent to explain difficult things in understandable way and to make desktop life easier. Thanks a lot!
Super helpful. LIke many who have commented, I was tearing out what is left of my hair on the nesting/padding/margin aspects, and your clear instuctions made it really easy to understand. Well done.
Just wonderful!! Thank you. I join other commenters in expressing appreciation for the time, effort and skill you invested in this. I will subscribe, and will look to you and your other videos as my go-to resources. THANK YOU!!
I really appreciated to you. I was very confused about margin and padding in Elementor. This video has helped me a lot. Thank you so much ❤
Wow Rino, your hard work paid off. Excellent video, clear, concise, and very much appreciated. Thank you.
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!
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!!!
Listening and understand tutorials in English is not easy for me (yes, French people are often bad at English). But your video is so clear that I understood everything! Thank you! good work !!!
Great video! I was trying hard to create different columns in one section and this video explains it very well. Thanks!
This Video helped me more than the entire Support section of Elementor ever. Thank you Thank you Tank you really good explanation
Dear Rino once again I cannot thank you enough for the wealth breadth and clarity of the information you shared with us. You're such a help! Imagine I don't even use elementor but I watch your videos because of your techniques which rock! But then again hey who knows, Kadence said they're integrating with elementor, ha! Good karma to you and greetings from Athens Greece!
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.
You were clear, concise, detailed and patient. Excellent tutorial! :)
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!!
Thank you so much for creating this video!! You answered all my MOST FRUSTRATING questions!!!
Ik had deze video al maanden geleden moeten bekijken :-) Doe zo voort en bedankt.