Image gallery
Overview
The Image Gallery Section Configuration allows for flexible customization of an image gallery with scrolling, layout, and captioning features.
Section Configuration:
| Setting |
Description |
| Section Heading |
Add a title for the section. Default: "Image Gallery". |
| Section Heading Size |
Select the size of the section heading. Options: h1, h2, h3, h4. Default: h3. |
| Section Heading Weight |
Define the font weight of the section heading. Options: bold, semi-bold, medium, normal. Default: bold. |
| Section Description |
Add a description for the section. |
| Description Text Size |
Choose the size of the description text. Options: small, medium, large, xlarge. Default: large. |
| Description Text Weight |
Select the font weight for the description text. Options: bold, semi-bold, medium, normal. Default: normal. |
| Max Header Size |
Set the maximum width of the section header as a percentage of the page width. Range: 50%–100%. Default: 100%. |
| Setting |
Description |
| Caption Content Alignment |
Set the alignment of captions and buttons. Options: top-center, middle-center, bottom-center. Default: middle-center. |
| Caption Text |
Add a caption text to display with the gallery. |
| Button Label |
Set the text for the call-to-action button. |
| Button Type |
Choose the style of the button. Options: primary, secondary. Default: secondary. |
| Button Link |
URL for the call-to-action button. |
| Open Button in New Window |
Checkbox to open the button link in a new window. Default: true. |
Layout Settings
| Setting |
Description |
| Full-Width Section |
Checkbox to make the section span the full width of the screen. Default: true. |
| Remove Grid Spacing |
Checkbox to remove spacing between images in the gallery. Default: true. |
| Text Alignment |
Set the alignment of text in the section. Options: left, center, right. Default: center. |
| Color Scheme |
Select a color scheme to style the section according to your site's theme. Default: scheme1. |
| Setting |
Description |
| Marquee Speed |
Adjust the speed of the scrolling marquee. Range: 1–30 seconds. Default: 15 seconds. |
| Marquee Direction |
Set the direction of the scrolling images. Options: forward, backward. Default: backward. |
| Pause Scrolling on Hover |
Checkbox to pause the scrolling marquee when hovered. Default: false. |
Spacing Settings
| Setting |
Description |
| Top Padding |
Add padding at the top of the section. Range: 0–100 px. Default: 60 px. |
| Bottom Padding |
Add padding at the bottom of the section. Range: 0–100 px. Default: 60 px. |
Block Configuration:
| Block Type |
Settings |
| Image Block |
Each block allows you to add an image to the gallery. |
| Image |
Choose an image to display in the gallery. |