Skip to main content
Layout Settings - Padding

This article helps to understand what padding is and multiple ways to add padding to your elements through CodeDesign.

Updated over a year ago


โ€‹Padding is the spacing between the inner content of an element and its border. You can define its value from the Layout Settings. CodeDesign provides two kinds of padding options. You can either add padding to all 4 sides of the element or set padding independently to each individual side.

To Add Padding to All 4 Sides

  1. Select the element

  2. Go to the padding option on your right sidebar.

  3. Click on the first icon next to it.

  4. Enter the padding value (in pixels )

  5. And done! Your element is now padded!

For Independent Padding

  1. Select the element.

  2. Go to the padding option on your right sidebar

  3. Click on the second icon.

  4. Then a number of boxes where you can add the measurements of your padding will appear.

  5. Add the values as on which side you want padding and where not.

  6. Done and Dusted! Now padding will only be on the sides you chose.

Did this answer your question?