Content Options

Accordions

This layout shows accordions used in the recommended size variations. Accordions that are any larger, or smaller, will hinder effective communication. To include accordions on your webpages, use snippets.

Buttons

Standard buttons expand to the full width of their respective columns, forcing the button to be placed either above or below surrounding content. Button widths can be adjusted with custom styling.

Components

Learn how to use components at USU via OU Campus. We have over 15 components available for quick and beautiful webpages.

Forms

It's recommended to use forms within their own space or section, free of surrounding content on either side. Make sure to choose short but accurate field/item titles to maximize readability.

Image & Video Galleries Implementation

Learn more about selecting your image or video gallery type.

Image & Video Galleries

Whether you only have a handful, or a lot of images or videos you would like to show, we offer a number of interactive gallery options to meet your needs.

Images

An example of images laid out on different column and row structures. It is recommended, when using USU Templates, to use a 16:9 image aspect ratio. Make sure to use high resolution images, with file sizes not exceeding 1200 KB. We recommend that you use

List Layouts With Dividers

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts with vertical dividers

List Layouts

Ordered (1,2,3...) and unordered (bullet points) lists in a variety of column layouts.

Short Image Galleries

Short banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.

Snippets

We have a variety of built in code snippets for your convenience. You can access our Snippets library by clicking on the puzzle piece icon in the OU Campus editor when editing a page.

Tables

Here's two varieties of table styles available on the USU template. These are the suggested table sizes for optimal communication. When building tables and laying them out on your page, be aware of title and content lengths within each cell.

Tall Image Galleries

Tall banner galleries are displayed in the recommended variations for proper communication. We recommend to use these as highlight galleries, complementary to related text.