Full-Width Popup Grid

This snippet allows you to place a full-width section on a page with 8 image boxes that can either link to content or have videos open in a pop-up window. A title and subtitle appear when the user mouses over each box.

Demo

How to Use

IMPORTANT!   You cannot use this full-width section snippet in the Main Content area of your page.
It must be placed within one of the Promo Sections of your page. (So instead of clicking the Edit Main Content button, click on one of the Edit Promo Section buttons.)

1. Click on the Edit Promo Section button to edit that section.

2. Choose the Full-Width Popup Grid snippet

3. A snippet table will appear and you can edit the properties as follows:

Extra Classes: This is a developer area so please leave as is.

Text color: Choose between white, black and red.

Background Image: By default this is set to a black background color.

Type: Choose Popup, where videos appear in a popup window, or link to page.

Image: Select a unique image for the box. Click on the placeholder image and then the image edit button in the toolbar to navigate to or upload an image, and add description text. No other image formatting is needed.

Title: Add a title by replacing the placeholder text.

Subtitle: Add a subtitle by replacing the placeholder text.  Note that the Title and Subtitle will appear when the user mouses over the image in the grid.

Link: Click on the 'View More' placeholder text and then click on the link button in the toolbar. Add the full URL to the YouTube or Vimeo video, or add the URL for the content page you want to link to, depending on what you selected in the 'Type' field (popup or link to page).