Margin and Padding Basics in Elementor

Margin and padding are used to create space between elements, and directly impact the layout as well as the look and feel of your site. It’s important to know what these 2 properties do and how they affect your design.

In this tutorial we'll cover:
✔︎ The difference between margin and padding
✔︎ When to use margin or padding
✔︎ Responsive editing
✔︎ Z-Index and column alignment
✔︎ And much more!

Don’t forget to subscribe to our channel!

[ALMBusinessInstitute]

Learned something new ... Z index! Thanks as always

[walterhigo]

REALLY APPRECIATE THE TIME AND EFFORT YOU PUT INTO MAKING THIS VIDEOS.
REALLY REALLY

[malpol]

Aaaaah thank you elementor for making my life easy and time saving 👍❤️

[mohdazizfaruqui]

Probably I am bit slow/ weak in grasping the concept of margin and padding. I have been going through the margin and padding tutorial videos for quite some time. It now that I realised understood the concept of padding. I realised it is important to consider image-widget (for eg) and the image being inserted as two different entities. Till now I was considering the image-widget and the image as one entity hence the confusion. I thought I highlighted my understanding of concept of padding for people like me. Hope I am right in understanding the concept of the padding 😊.

[Jason_Connolly]

Awesome explanation - now I know why I wasn't the look I was after

[DimitriosMaroulis]

Very informative. Could you please make a tutorial and explain the PX, % EM, REM parts of margin and padding advanced settings?

[williamdavid]

Those tips and tricks as clear as crystal, very useful, thank you very much for your tutorials!

[wealthiness]

Ahh so that's why my mobile page had weird padding that I couldn't resolve LOL, I had to set it to 0, thanks for making this.

[JohnCarter-hmpv]

Nice! I had a plugin that was a bit confusing.... but gives me more control...using the Oohboi plugin I can have a border around the padding and around the image.... Nice tutorial thank you!!!

[ericfrancis]

Oooooh, this is so much good information! Thank you!

[zaheerasghar]

Hi can you please make a video about styling caldera form?
Thanks

[justinthyme]

Cool. I thought this might have been a post on Margin trading and portfolio Padding. lol.

[JFGauthierMusique]

Excellent teaching! Thanks and keep up the good work.

[lastidea]

I was looking for how to reset inherit value for mobile and tablet mode. Ty

[marknasri]

thanks
the more i watch the more confusing it is. simply because the overall content of the element should remain the same, regardless of the changes to the margin and paddings

[rtsukamoto]

Can you redo this video but with the new Elementor Container feature.

[rbevans]

I would have liked to have seen the initial setup, I am trying to duplicate this step by step and it appears that the two initial columns are no duplicates of the column provided in the section. When I padding the image, my right side column does not change size or even move as the right side does here at 2:10. Is that because there is an inner section widget in the setup?

[Atractiondj]

Fix settings for colums in pc version, why this work on tablet and mobile, but don't work in PC?

[harbourdogNL]

So Z Index is like dragging layers in InDesign...