How it Works

Configuration of this add-on is organized in 3 tabs. Let’s see:

TAB 1 - MODAL TYPE

Select modal type and configure.

Let’s see all types:

Modal IMAGE

 

Insert thumbnail image or text field if don’t want a thumbnail (text will replace the thumbnail).

Modal Youtube or Vimeo

 

Insert thumbnail image or text field if don’t want a thumbnail (text will replace the thumbnail).
Insert URL (Vimeo or Youtube). Use the link you find on share. Do not use browse URL.

Modal Iframe

 

 

Insert thumbnail image or text field if don’t want a thumbnail (text will replace the thumbnail).
Insert iframe URL.

Modal Content

Insert thumbnail image or text field if don’t want a thumbnail (text will replace the thumbnail).
Use wysiwyg to insert content.

Modal FILESET

 

 

Select file set and configure items.

TAB 2 – THUMBNAIL OPTIONS

Configure thumbnail size and radius (curves on the corners of the image).
Note: If thumbnail is bigger than 422px, CSS will automatically reduce for small devices, don’t worry.

TAB 3 - COLORS

Configure text colors and background under thumbnail.
Note: If you’ve configured TAB1 to use text (not thumbnail), this configuration will be applied to the text.