Styles

ODE has many available styles to choose from to display content on the website. To maintain consistency and accessibility, make sure you choose the formatting and styles that best fits your purpose.

Format Options

Paragraph
Most used style. To create paragraphs, select the text and choose "Normal" from the Format dropdown. Alternatively, at the end of a paragraph, click "Shift" + "Enter" to create a paragraph. 

Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus. 

Heading 1
Used for the page title, only. Do not use this style, unless absolutely neccessary.

Heading 1

Heading 2
Use for the second heading (after the title) on the page.

Heading 2

Heading 3
Use for the third heading on the page.

Heading 3

Heading 4
Use for the fourth heading on the page.

Heading 4

Heading 5
Use for the fifth heading on the page.
Heading 5
Heading 6
Use for the sixth heading on the page.
Heading 6
Formatted text
Use sparingly for styling with monospace font.
Formatted: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus. 
Address
Use for addresses.
 
Address: 123 Anyway St
Columbus, OH 43210

Editor Buttons

Remove Format
Use if you need to clear text formatting.
 
Bulleted List
Use for unordered lists.
  • Bulleted List
  • Item 2
  • Item 3
Numbered List
Use for lists of sequential items.
  1. Numbered List
  2. Item 2
  3. Item 3
Block Quote
Used for long quotes.
Blockquote: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus.
Bold Bold
Underline Underline
Subscript Subscript
Superscript Superscript
Strike Through Strike Through
Table
Only use for tabular data. Do not use tables just for presentation.
Table 1 2 3 4
Cellpadding and Cellspacing = 1 Data 1 Data 3 Data 5 Data 7
Width = 100% Data 2 Data 4 Data 6 Data 8
Horizontal Line
Use to seperate content, only if needed.

 

Style Options

Typewriter
Use sparingly for styling with monospace font.
Typewriter
Right Block Quote
Alternative style for block quotes.

Quote Right: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus.
Attribute: Author and Title

Attribute
Use to attribute text such as quotes.
 

Attribute: Lorem ipsum dolor sit amet

Intro Text
Use for introductory or overview text.

Intro Text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus.

Call Out
Use to call out sections, only if needed. This styling might require Communication Section assistance.

Callout

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus.

Red Button
Use for buttons with links.

Red Button

Image on Left
Use to align images to the left.

Facts and FiguresImage on Left: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus. Quisque eu ante dolor, ut luctus elit. Mauris blandit dictum sapien, at tempus sem molestie a. Cras odio eros, accumsan id bibendum a, feugiat id erat. Integer imperdiet dolor eget massa fringilla egestas. Nunc eget dapibus lectus.

Image on Right
Use to align images to the right.

Facts and FiguresImage on Right: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod nibh nunc. Fusce id elit mi. Nunc arcu mauris, pharetra in aliquet sit amet, commodo non lacus. Quisque eu ante dolor, ut luctus elit. Mauris blandit dictum sapien, at tempus sem molestie a. Cras odio eros, accumsan id bibendum a, feugiat id erat. 

Striped Table
Only use for tabular data. Do not use tables just for presentation.
Striped Table 1 2 3 4
Cellpadding and Cellspacing = 1 Data 1 Data 3 Data 5 Data 7
Width = 100% Data 2 Data 4 Data 6 Data 8

Other Options

Document Icons
If you add links to documents within a bulleted or numbered list, the corresponding document icon (PDF, Word, PowerPoint, Excel, image type or ZIP) will automatically appear at the end of the line.