Gallery

Gallery Content Type

ID: 222
Name: Gallery
Description: Adds a gallery pannel to the page. Images can be of any dimension but will be resized and cropped as squares for the gallery (thumbnail) view.

Instructions

This Content Type allows the creation of a gallery of images.

A background color (from a selection in a list) and a heading must be added.

At least 3 images must be added, but it is possible to select up to 15 images , displayed in rows of 3. For each image, if an image is clicked a gallery will open and a user can click between images in a modal.

Images can be of any dimension but will be resized and cropped for the gallery (thumbnail) view. They should be at least 380px x 285px each.

Each image can have an optional caption, that is displayed when viewing the detail view of that image.

Content Element Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	true
Background Color	Select the color of the background from the dropdown	80 Characters	Select Box	true
Heading	Enter the title for the content	80 Characters	Plain Text	true
Brief Description	Short description that appears in the box.	500 Characters	Plain Text	false
Image 1	Select an image from the media library	80 Characters	Media	true
Image 1 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 2	Select an image from the media library	80 Characters	Media	true
Image 2 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 3	Select an image from the media library	80 Characters	Media	true
Image 3 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 4	Select an image from the media library	80 Characters	Media	false
Image 4 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 5	Select an image from the media library	80 Characters	Media	false
Image 5 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 6	Select an image from the media library	80 Characters	Media	false
Image 6 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 7	Select an image from the media library	80 Characters	Media	false
Image 7 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 8	Select an image from the media library	80 Characters	Media	false
Image 8 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 9	Select an image from the media library	80 Characters	Media	false
Image 9 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 10	Select an image from the media library	80 Characters	Media	false
Image 10 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 11	Select an image from the media library	80 Characters	Media	false
Image 11 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 12	Select an image from the media library	80 Characters	Media	false
Image 12 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 13	Select an image from the media library	80 Characters	Media	false
Image 13 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 14	Select an image from the media library	80 Characters	Media	false
Image 14 Caption	Enter the caption for the image	120 Characters	Plain Text	false
Image 15	Select an image from the media library	80 Characters	Media	false
Image 15 Caption	Enter the caption for the image	120 Characters	Plain Text	false

Heading of Navy Blue Example

This is an optional brief description that can be added. This is an example of a gallery with the Navy Blue background color.

three men standing on front of Spartanburg backdrop

Heading of White Gallery Example

This is an optional brief description that can be added. This is an example of a gallery with the white background color.

Heading of Green Gallery Example

This is an optional brief description that can be added. This is an example of a gallery with the Green background color.

Heading of Gray Example

This is an optional brief description that can be added. This is an example of a gallery with the Gray background color.