Skip Navigation
Search

Interactive Caption

The Interactive Caption component allows you to place an expandable photo caption over a full-width image. You would use it as a component-within-a-snippet, meaning would be placed within any full-width column snippet placed within a Promo Section.

How to Use

1) You first must have placed the full-width column snippet into the Promo Section of your page and edited the content as necessary. (In the example below, we used the "Centered Content  on Background Image"  snippet.

step 1 interactive caption

2) After editing the text in the 'Column 1' box of the snippet, click inside the box after the text

interactive caption step 2

3) Then, Click the "Insert Component" button as seen below, choose the "Interactive Caption" component and click the Insert button

insert component button

interactive caption step 3

4) The following modal should pop up once you click the Insert button:

interactive caption step 4

5) Choose your desired theme

6) Enter a short caption (This is before the link is clicked)

7) Enter link text that user's will click on to show more information

8) Enter caption title  (The title that shows when the link text is clicked)

9) Enter caption text (The description that shows under the caption title when the link is clicked)

 

See the component in action under 'Transforming Tomorrow'