Image gallery
Overview:
The Image Gallery section is a dynamic, vertically scrolling marquee that showcases up to four image columns alongside a central call-to-action area. It includes configurable text content, imagery, and animation behaviors to create an interactive visual experience.
Section Configuration:
Content Settings
Setting |
Description |
| Section Heading |
Displays a main heading above the gallery. |
| Section Heading Size |
Sets the size of the heading text (e.g., h1, h2, h3, h4). |
| Section Heading Weight |
Controls the font weight of the section heading. |
| Section Description |
Adds a descriptive paragraph below the heading. |
| Description Text Size |
Sets the font size for the description. |
| Section Description Weight |
Controls the font weight of the description text. |
| Max Header Size |
Adjusts the maximum width of the heading and description container, based on a percentage of the overall page width. |
Center Caption Content
Setting |
Description |
| Banner Image |
Background image displayed behind the center caption and button. |
| Badge Image |
Optional badge-style image displayed near the top center of the banner. |
| Text Caption |
Optional upper line of text shown above the caption. |
| Text Caption Weight |
Sets the font weight of the text caption. |
| Caption |
Main caption text displayed over the banner image. |
| Caption Weight |
Controls the font weight of the main caption. |
| Icon Image |
Optional icon image displayed next to the button label. |
| Button Label |
The text displayed on the call-to-action button. |
| Button Type |
Selects between primary and secondary button styles. |
| Button Link |
The destination URL the button will navigate to when clicked. |
| Open in New Window |
When enabled, opens the button link in a new tab. |
| Caption Color Scheme |
Applies a color scheme to the central caption container. |
Setting |
Description |
| Marquee Speed |
Controls the speed of the vertical scroll animation (in seconds). |
| Pause on Hover |
Enables pausing the scroll when hovering over the gallery. |
Layout Settings
Setting |
Description |
| Container Layout |
Determines how the content is constrained (page-width, contained-content, or container-fluid). |
| Corner Radius |
Sets the rounding of section corners (top, bottom, both, or none). |
| Text Alignment |
Aligns the heading and description text (left, center, or right). |
| Section Color Scheme |
Applies a predefined color scheme to the outer section. |
Spacing Settings
Setting |
Description |
| Top Padding |
Adds space above the section. |
| Bottom Padding |
Adds space below the section. |
Block Configuration:
Image Marquee Columns (Block)
Each image block includes the following setting:
Block Setting |
Description |
| Image |
The image to display in the vertical scrolling marquee. |
| Item Index |
Specifies which column the image will be assigned to (1 through 4). |