Margin & Padding Spacing
Use this page to customize the default spacing for your project.Padding & Margin
Please note that we have provided best practise spacing sizes that should be suitable for most projects, however if you would like to edit or extend the default spacing you can do so here.
In some scenarios, you may not want to add padding directly to your active class. For example, if you are using H2 Title 400 and you add 20px directly to that class, well as you probably know this applies to all the pages where this title exists. So, in most cases, it's totally fine to just duplicate this title element and give it a new name. This allows us to start editing this new version of the title without impacting the base class.
Alernatively you can use the spacing system that we have developed here.
Okay, we know on first glance this might be scary - but we promise you will understand it in seconds. Using the system you could simply add the class P4 to any element and it will give it 4px bottom padding. Or you could add Padding Bottom 24 and quickly you can add 24px padding. This is great for your titles, so now you could have H2 Title 400 Padding Bottom 24 as the classes for a title with 24px padding.
As described in the
project documentation, you can simply add these classes to any elements to quickly apply padding properties.
You are welcome to edit any of the default padding properties from the right column when inside of webflow
As described in the
project documentation, you can simply add these classes to elements to inherit their styles.
By default we provide some basic spacing classes that can help you quickly add padding and margin as combo-classes.
.svg)
