USU Design Tools Training

2.4.7: Borders and Spacing

The Borders and Spacing tool adds borders and spacing to paragraphs, headings, and div elements.

Interface

Apply a border to a paragraph, heading, or Div tag

1. Open the page for editing.
2. Launch the USU Design Tools.
3. Place the cursor within the element.
4. On the USU Design Tools menu, click Borders and Spacing.
5. Click Borders.
6. In the Borders boxes, select the border type and color for each side of the border. To make all border sides the same, specify the settings in All box.
7. (Optional) In the Border Radius box, select a shape for the edges of the border. The default is straight.
8. Click Save.

To reset a border to its default dimensions, select the border, and then click Reset Borders to Default.

Add padding to an element

1. Open the page for editing.
2. Launch the USU Design Tools.
3. Place the cursor within the element.
4. On the USU Design Tools menu, click Borders and Spacing.
5. Click Padding.
   
6. In the Padding boxes, specify the dimensions for individual padding locations. To make the padding identical on all sides, use the All Padding setting.
7. Click Save.

To reset the Padding to its default dimensions, select the element, and then click Reset Padding to Default.

Adjust the margins for an element

1. Open the page for editing.
2. Launch the USU Design Tools.
3. Place the cursor within the element.
4. On the USU Design Tools menu, click Borders and Spacing.
5. Click Margins.
   
6. In the Margins boxes, specify the dimensions for individual margin locations. To make the padding identical on all sides, use the All Margins setting.
7. Click Save.