Our Drag-and-Drop Editor makes it simple to add borders, padding and dividing lines into your campaigns.
Here's an example of using our borders and padding tool to create a dashed grey line separating two news items in a newsletter.
To do this, and effects like this:
In this particular scenario we are adding a dashed grey line to the bottom of the element, so we will use the Borders tool.
The Borders tool has four controls:
Note that if you wanted to, you can add different colors and weights of line to each side.
This looks great, and when we review our email design we can see the grey line. However, as you can see from the image, the line in our example is too close to the text - so we will add some padding.
is space between the edge of the element and its contents. In this example we will add a 20 pixel space between the bottom edge (and dashed grey border) of the element and its contents.
Use the size drop-down to select how big the padding should be, and then click on the diagram to select which edge should have the padding. In this example, as we want a space at the bottom of the element, we can either click on the bottom of the padding diagram, or on the down arrow. Clicking on the edge again will remove the padding.
Note that you can have different sizes of padding on different edges of your element.
When we review the email we can now see that the border and padding have created a nice neat divider between our two news elements.