Build Feature Boxes

Instructions

From the T4 Site Structure, navigate to the page you are updating. 

How to add feature boxes

1. Click the Add Content button.
2. Select Feature Boxes from the list of content types.
3. Use the following content elements:
   • Name: Add descriptive name
   • Main heading: Optional, used to add a main H3 heading above a group of feature boxes.
   • Main description: Optional, used to add a main description (sentence or paragraph) above a group of multiple feature boxes.
   • Slider: Select to add clickable arrows page visitors can use to manually scroll through a minimum of four consecutive feature boxes.
   • Select image: Click Select Media to navigate to the image for the feature box that has been uploaded to the T4 Media Library. This content type uses the CDN PXL, so you do not need to resize the image prior to uploading it to the T4 Media Library.
   • Heading: Used to add the bold heading/title of the individual feature box.
   • Description: Used to add the content within the individual feature box. Do not add links to the text in the description field of a Feature Box. 
   • Open link in new tab: Select to have the link open in a new tab.
   • Use only one of the following:
     • Link (internal): Use to link to a different section or content within your site.
     • Link (external): Paste the URL to an external website (any webpage that is not part of your site, including other Mayo Clinic websites).
   • CTA link text: Enter text to be used on the button of the feature box.
4. Click the Save Changes button to save content as a draft, or press the arrow and select Save and Approve to save and publish updates.

Video tutorial

Common issues and troubleshooting

• There is unintentionally a slight gap between the feature box's image and its border

Additional resources

• Adding Images to T4 Media Library

You should now be able to effectively create and configure feature boxes to display text, images, and buttons in an organized and visually consistent manner.