This Style Guide illustrates the various styles that can be used to organize content on the College website. To style your text, highlight it, then choose from the Block Styles menu on the top of the editing window.

A note about bold, italic, and underlined text: styling text as bold or italic is strongly preferred over using underline for emphasis. Underlined text on a website is widely understood to be a link by website users. Text that is underlined and not a link could confuse or frustrate users who may think the link doesn't work.

This is an introduction. It is larger than regular text and is intended for a short 1-2 sentence introduction to a page. Choose "Introduction DIV" from the styles menu.

This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way. This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way.

This is a blockquote - an indented block of text. Use this for citations, or for indenting the left and right sides of a block of text within a page. This is a blockquote - an indented block of text. Use this for citations, or for indenting the left and right sides of a block of text within a page.

Heading 2

Use Heading 2 styles for section headers on most pages. (Heading 1 is reserved for the page title.) This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way.

Heading 3

Use Heading 3, 4, and 5 styles for subsequent headers. This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way.

Heading 4

This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way.

Heading 5

This is a paragraph. Most blocks of text on the site will by styled in this way. Use this style for most content. This is a paragraph. Most blocks of text on the site will by styled in this way.

Bulleted Lists

  • Items in bulleted lists are styled automatically

  • Type an item, and click the bulleted list button on the editor to add the list style

  • After your final list item, press return twice to return to normal paragraph style 

Numbered Lists

  1. Numbered lists are also styled automatically

  2. See above instructions for bulleted lists

  3. If you need a different numbering style (e.g. lower-case letters, roman numerals), contact the communications office. 

Buttons

To make a link into a button, add a class of button-blue or button-green in the "Stylesheet classes" box when creating or editing a link. This option is on the "Advanced" tab.

Tables

Tables should only be used for styling data, not for page layout (e.g. creating two vertical columns on a page.) If you need assistance with adapting your content to the college's page layouts, styling data in a table, or creating a more complex table on the website, contact the communications office.