Bard College at Simon's Rock: the Early College
  1. Home
  2. Guide
  3. Patterns
  4. Text and Typography
  5. Headings

Headings

Headings are important tool to increase readability of a page. Many users will just scan the page and headers will pop out and highlight key information. Use headers to break up text monotony, provide key summary information, and organize the content. Generally, Heading 1 will be at the top of the page. And the other headings will flow like an outline. 

Create headings by selecting the dropdown on the left side of the WYSIWYG menu. If images and assets are set to a header, they many not display. So make sure to set back to paragraph. 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading 1

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Heading 2

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Style Dropdown: Use Any - Margin Top Reduce to eliminate top margin.

Heading 3

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Style Dropdown: Use Any - Margin Top Reduce to eliminate top margin. 

Heading 4

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Style Dropdown: Use Any - Margin Top Reduce to eliminate top margin.

Heading 5

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Style Dropdown: Use Any - Margin Top Reduce to eliminate top margin.

 

Heading 6

Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

Style Dropdown: Use Any - Margin Top Reduce to eliminate top margin.

 

Note: headings generally don't need a colon (:)

Top Margin

On multi-column layouts, remove header top margins by applying the style Any - Margin Top Reduce to the header.