Margin and Padding Basics in Elementor

Рет қаралды 73,387

3 жыл бұрын

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!
Link to the "Column Alignment in Elementor" tutorial: • How to Use Column Alig...
Don’t forget to subscribe to our channel!
Get Elementor: elementor.com/
Get Elementor Pro: elementor.com/pro/

Пікірлер: 33

@walterhigo7658 Жыл бұрын

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

@williamdavid4617 2 жыл бұрын

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

@ALMBusinessInstitute 3 жыл бұрын

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

@malpol 3 жыл бұрын

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

@DimitriosMaroulis1987 3 жыл бұрын

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

@JFGauthierMusique 3 жыл бұрын

Excellent teaching! Thanks and keep up the good work.

@estermoreno3463 3 жыл бұрын

Excelent as always, thank you guys!

@ericfrancis7816 3 жыл бұрын

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

@koachmahipal2180 3 жыл бұрын

Best 12.5 mins of my life

@Jason_Connolly 3 жыл бұрын

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

@gabyprado9924 Жыл бұрын

Excellent tutorial, thank you!!

@mohdazizfaruqui376 Жыл бұрын

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 😊.

@bySterling 3 жыл бұрын

Great vid as always sir!

@wealthiness 3 жыл бұрын

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.

@farimahaminzadeh1598 2 жыл бұрын

thanks for your awsome video👍👌

@rbevans4581 3 жыл бұрын

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?

@JohnCarter-hm8pv 2 жыл бұрын

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!!!

@Kami_26 Жыл бұрын

bruh, you dont need a plugin to do that.

@grandmusicevents 3 жыл бұрын

i use this ! very easy!

@zaheerasghar5133 3 жыл бұрын

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

@lastidea4925 2 жыл бұрын

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

@Atractiondj 3 жыл бұрын

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

@PaulDickson7 2 жыл бұрын

Legend thank you

@justinthyme48 3 жыл бұрын

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

@Elementor 3 жыл бұрын

😂

@jahedsharif5638 9 ай бұрын

Awesome

@marknasri1201 3 жыл бұрын

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