EasyEditor 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 black line separating two news items in a newsletter.
To do this, and effects like this:
- go to the Styles section of the side panel
- select the block you want to apply the style to
- select the Borders & padding section of the accordion
In this particular scenario we are adding a dashed black line to the bottom of the block, so we will use the Borders tool.
The Borders tool has four controls:
- Style - to select whether the line is solid, dashed or dotted
- Weight - to select the thickness of the line
- Colour - to select the colour of the line (this uses the colour picker and will remember your colours)
- Location - to select which edge of the block the border should be applied to; you can click on the edge of the square that corresponds to the edge of the block where you want to have the line. Clicking again will remove the line.
Note that if you want to, you can add different colours and weights of line to each side.
This looks great, and when we review our campaign 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 above it - so we will add some padding.
Padding is space between the edge of the block and its contents. In this example we will add a 12 pixel space between the bottom edge (and dashed grey border) of the block and its contents.
Use the Size dropdown 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 block, 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 block.
When we review the campaign we can now see that the border and padding have created a nice neat divider between our two news blocks.