Skip to content

How do I add borders to images, book jackets, and text boxes?

Note: If you would like to use these steps for a flyer that has an existing background, move the background aside, then follow these steps. Once you’ve created your border, move your background into place. Then click the Move to Back option under the Layer button.

Add a Border to a Photo or Image  


1. This image seems to be floating in the white space of the background. Adding a border will help define the edges and give the image a more finished look.
2. Click on the Shapes button on the left panel of the Drag and Drop editor, and then click and drag the rectangle from the Shapes panel to your item.
3. With the rectangle still selected, click the Background Color icon in the upper right toolbar to select the color for your frame.


4. In the top-right corner under the editor toolbar, click the Layer button. Click the Move to Back option to move the rectangle behind all the other elements in your item.
5. Use the handles at the corners to resize the rectangle. Then click and drag the rectangle to position it entirely behind the image.
6. The image now clearly stands out from the page and packs more of a visual punch.


Add a Border to a Book Jacket


1.  Click on the Shapes button on the left panel of the Drag and Drop editor. 
2.  Click and drag the rectangle from the Shapes panel to your item. 
3.  Use the handles at the corners to resize it so that it covers the entire book jacket.


4. With the rectangle still selected, click the Background Color icon to change the color. 
5. In the top-right corner under the editor toolbar, click the Layer button. Click the Move to Back option to move the rectangle behind all the other elements in your item. 
6. The rectangle now appears behind the book jacket as a border. 


7.      Pro tip: If you want to resize the border in a more precise way, select the book jacket and click on Position from the top-right corner. Note the values in Width and Height.
8.      Select the rectangle and click Position to change the values. In this example, 4 was added to the Width and Height values, so the rectangle would be slightly larger than the book jacket.
9.      The result is a thin border.


Add a Background Color to a Text Box


1. Click Text from the left panel, select a text style, and drag it onto the page.
2. Double click text in the text box to highlight the default text and type to change it. To change the alignment of the text, click the Justify button.
3. With the text box still selected, highlight the text if needed, then click the Text Color button to change the color if desired.


4. Click on the text box if it’s not selected, then click on the Background Color button to fill the text box with color.
5. There are a few ways to change the color in the Background Color pop-up menu:

a.      You can change the color by using the color bar: simply click and drag the button right or left. You can also change the opacity of the color by sliding along the opacity bar, located underneath the color bar.

b.      If you have a specific color, such as a brand standard, enter the value in the Hex field.

c.      To pick a color quickly, choose a color from the panel at the bottom.

6. Your new background color draws the eye to your text box. 


Add a Border to a Text Box


7. Click and drag the rectangle from the Shapes panel to your item. Click the Background Color button to select the color of your border. 
8. Click Position in the top-right corner to adjust the width and height of the rectangle to be slightly larger than the text box. 

9. Click Layer and then select Move to the Back.


10. Copy and paste your text box and click on the Text Color button to change the text to black. Click on the Background Color button to change the text box color to white. 
11. If needed, move the text box to center it in the border. 
12. You have now created a text box with a background color and a text box with a border.

Feedback and Knowledge Base