Media Callout

On this page:

• Callout example
• What is an Media Callout? 
• How to add an Media Callout
• Style options 

Media callout example

What is a Media callout?

The Media Callout component enables you to create a callout with a video or an image. When you add a video, it appears as an image until it is selected. When selected, the video will play

How to add an Media callout

1. Click the edit link at the top of the page 

   
2. Move your cursor where you want to place the component. (Add a section if needed). 

3. Click the plus icon.

   

4. Select Media callout from the menu

   

Content 

1. Add a Title.
   Note: Title field text is limited to 70 characters.

2. Add Teaser text (optional).
   Note: Teaser text is limited to 300 characters

   
3. Click Add media in the Image Section.
4. Select the appropriate image or upload the image to the Image Library.
   Recommended Image Dimensions: 3:2 - Maximum image size is 4MB.

5. Click Add media in the video section. When you add a video, a play icon will appear over the image (optional).

   
6. Select the appropriate video or add the URL from Vimeo or YouTube.
    

Styles

1. Toggle to the Styles tab. 

   
2. Select the amount of additional space you would like above the component. 

3. Select the amount of additional space you would like below the component. 
   Note: By default, there is no space below a component.

   

Save

1. Click Save.

2. Scroll to the top of the page and click Save.

   

   Click the Done button beside the save button.
   Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
    

   

Style options 

1. Example of a Image Callout Component

2. Example of a Video Callout Component