A feature is similar to a panel and includes an image. This chunk may be used for spotlighting content such as student profiles. Reference the Web Style Guide for more information about features.
The header is a text-only field that displays in the largest size text. This field is text-only.
The subhead is a text-only field in a smaller font size. A feature may have multiple subheads. For example, for a student spotlight, two subheads may be the student’s two majors.
Text of the feature is included here.
This is a text-only field that displays as a button at the end of a feature. The user can click it to learn more about a topic.
Either an internal link or external link may be added to the button. For an internal link (within the website), navigate using the folder structure in the WCMS. For an external link, add the URL.
Creating a feature chunk
Expand to Section > Chunk. Select the Feature chunk type.
Expand to Section > Chunk > Details. Enter the Chunk Header, Header Level, Position, and Size.
For a Subhead, enter in the Subhead field. For an additional subhead, click the green [+] button.
Enter text for the feature in the Content field.
The Content field will only accept the following HTML elements:
- Bold text:
- Italicized text:
- Span tags
All other HTML elements will be stripped out.
To add an Image, select an uploaded image.
To add a link to the feature, type text for a Link Label. Then add an Internal or External link.
To save a draft, click Save & Preview. Submit the draft to apply your changes. Publish the page.
Creating a carousel of features
Follow the steps below to create three or more feature chunks in a row that turn into sliding elements on smaller devices. The suggested image size for a group of three features is 768px x 512px.
Create a new section and select Thirds under Arrange all chunks in this section in grids? in the Section Details.
In the CSS Class field, enter
Under Chunk, use the + to add three or more chunks to the section.
Add content to each feature.
Submit and Publish.
This is the first feature in a carousel.
Feature header 2
This is the second feature.
Feature header 3
This is the third feature in the series.