Interior Styles

• The heading styles can be accessed from the Format dropdown. 
• Type your text, highlight it, then choose the style from the Format Dropdown.
• Lead in text can be accessed from the Styles Dropdown. 

Tabs and accordions can be added by clicking Add Element > Layout > Select Tabs/Accordion.

There are two basic types of buttons, regular buttons and large buttons. Buttons can be linked to Site Pages, URL's or Resources. To create a button, best practice is to use the link tool in the editor.

Linking to a Page or URL

1. Type your text
2. Highlight the text
3. Select the "link" tool in the editor
4. Select "add link"  from the dropdown
5. Select the internal page or add the URL of the external site you want to link to
6. Small Button: Select the colored button class from the 'class' dropdown 
7. Large Button: Select the colored button class + the large button add-on class 
8. Save

Blue Button  Large Button

Linking to a Resource

1. Type your text
2. Highlight the text
3. Select the "link" tool in the editor
4. Select "add link to resource"  from the dropdown
5. Connect to a resource
6. Highlight the button text again
7. Select the 'link' tool in the editor
8. Select "add link"
9. In the 'class' dropdown, select the button class(s) you would like to use
10. Save

Large Buttons with Subtext

Large buttons can include subtext. 

1. Type the text and subtext on one line
2. Highlight the subtext
3. Click the Italics button in the editor
4. Highlight the full line of text
5. Select the 'link' tool in the editor
6. Follow instructions to create a link 
7. Select the small button class + the large button add-on classes from the class dropdown
8. Save

Large Button with subtext

There are two types of callouts basic styled callouts and the callouts that include background colors and images

Basic Callouts

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non fusce dapibus tellus ac cursus commodo, tortor mauris.

Custom Callouts

Callouts can be used with or without images, come with several backgrounds and will expand to the width of the space where they are used.

The three colored Content Callouts with images have been added to the Shared Elements Menu. To add them to a page:

1. Go to the shared elements menu
2. Select the desired content callout
3. Orphan and Edit the callout

To change or remove the photo:

1. Click the element settings
2. Click +Design
3. Click and Delete the image or Double Click to replace

As an alternative to using the shared elements, the elements can be copied and pasted from the style guide in the production branch, or the custom classes can be added directly to content elements via the element settings. The options for custom classes are:

• callout-box green
• callout-box orange
• callout-box teal

Images can be added to the header content of a callout. 

 

 

1. Type your full quote, including citation
2. Highlight the full text
3. Select the "Block Quote" icon/option in the editor
4. Highlight just the citation, and in the Styles dropdown select "citation"

 

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non fusce dapibus tellus ac cursus commodo, tortor mauris.HERMAN MELVILLE

Use the table option in the editor to create a table. 

• Click Table
• Add the desired number of rows and columns
• Add a header
• Set the Border to 0
• Set the width of the table
• Add the Styled Table custom class
• Save

Highlighting the table and right clicking will bring up additional table properties that can be used to adjust the table.

First Name	Last Name	Class Year

 

1. Add the "Hero Image" shared element to a page
2. Orphan and Edit the element
3. Click the gear
4. Click Browse to select a new image
5. Save

The image will snap to the top of the page once the page is published.