Widgets and Styles

Image width 760px x 1355px / 350 x 622px

Shows profiles of the type “Vertical Videos.” Enter the YouTube ID for video, which can be retrieved from the end of the YouTube link.

The announcement widget shows announcement blurbs from group=me. To show a critical announcement with an orange ! icon, tag it with “critical”. Note: this widget is currently having issues. We are working to get them resolved soon!

As the examples below are in accordions, they will not function completely accurately. These are for illustration only. Talk with the web development team for more details.

Instructions: using a Navigation widget, link to the appropriate navigation, and select “Navigation Tabs” from the Template dropdown in the widget editor.

Text can be styled as a blockquote.

This is a normal blockquote. To make it, I simply wrote some text and then clicked on the big ” [QUOTEMARKS] icon in the editor menu. And you can create a link within the text just like you would in other text.

This is a slightly different blockquote, to use when you want to have the author’s name. This can be nice for a testimonial, for example. I created a normal blockquote, like you see above, but then I added the class of “.quote-author” to it. Additionally, the author’s name below has the class of “quote-author” added to it.

Author’s Name

1. make a link by tapping on the “chain link” icon in the editor menu
2. in the Format drop down, select the style “Button” 

Button Style 1 Button Style 2 Button Style 3

Text can be given the style  “callout-box” to differentiate that section markedly from other parts of a page. 

This is a callout box. Questions about social media? Contact Web Content and Social Media Manager
Devan Freeman

• Landing pages show any profile tagged “contact us” (with optional 100 x 100 px image) from your group
• Inner pages show Organizational profile content from your group

This is header 2

Eaque eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

This is header 3

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

This is header 4

Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

This is header 5

Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

This is header 6

Nemo enim ipsam voluptatem porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Text can styled in a box to differentiate it from other text around it. This can be found in the Content Layouts in the Insert dropdown in the editor menu. There are two main types: the default (gray) and black. Additionally, they can also be created at half-width and float to the left or right of your content.

• This is a bulleted list.
• Another bulleted item.
• And another qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam.

1. This is a numbered list.
2. Another bulleted item.
3. And another.