How to Add Space/Padding Between Elements
In this tutorial we are going to learn how to add space between two elements or containers.
1. Add the Padding
To select an element or container simply click once inside of it. You will know is activated when you see the dots around the container's frame. Now go to the left sidebar and click on the “Spacing” drop down, then select the 'Padding' function. Then select where you want to have your padding added (top, bottom, left, right side or around the whole container) and add the space in pixels. In the example below we are going to add a 50 pixel padding to the bottom of the image.
Notice that the 'Make Changes To All Elements' switch is ON. This will add a 50 pixel padding to the bottom of every image in the project. If you want to make these changes for only one image, make sure that the 'Make Changes To All Elements' switch is OFF
2. Adding Padding Between Paragraphs
In the example below we can see how by repeating the same process as above described, we can add spacing between two paragraphs. We have also used a 50 pixel padding to the bottom of the paragraph.
