Click on an image to make it bigger.
Using Paragraphs - Divider - Select Divider Paragraph Type

1. Add Content

From within the edit form of a node that utilizes Paragraphs, scroll down to the Paragraph Type field.

Paragraph Type field = Divider

Click the Add New Paragraph button.

Using Paragraphs - Divider - Click Divider Options Fieldset

2. Open Divider Options Fieldset

Click the Divider Options link to open the fieldset.

Using Paragraphs - Divider - Select Divider Size

3. Apply Divider Size

Divider Size field = Small, Medium, or Large (Large used in the example)

Using Paragraphs - Divider - Select Divider Color

4. Apply Divider Color

Divider Color field = White, Orange, Black, Gray, Blue, Green, Yellow (Orange used in the example)

Using Paragraphs - Divider - Add Additional Divider

5. Add Additional Divider

Additional Divider field = None, Horizontal Line (Horizontal Line used in example)

Click the Save button.

Using Paragraphs - Divider - Large Divider Added

6. Completed Large Divider Added

The completed Divider paragraph displays.

For this completed Divider paragraph, note how the Additional Divider is a simple horizontal line centered inside of the large divider.

Using Paragraphs - Divider - Multiple Different Dividers Added

7. Different Divider Options

Multiple combinations of divider styles and colors can be added.

Please note: Both green and yellow divider options have been provided. Please refer to the Oregon State University Brand Guidelines Colors Guide when working with these colors.

Related Video

Please note that videos which are provided from a source outside of OSU may not completely reflect OSU systems. Instead, use the provided video as a general guide to working with this particular subject.