Image gallery: Scroll
Overview
The Image Gallery Marquee section displays a scrolling image gallery in a marquee-style motion. You can control the grid column count for desktop and mobile, marquee direction and speed, spacing between items, and hover behavior. Layout options include media ratio, container width, color scheme, optional scroll-fade animation, text alignment, and responsive spacing.
Section Configuration:
Grid settings
| Setting |
Description |
| Desktop columns |
Sets how many columns of images appear on desktop (1–4). |
| Mobile columns |
Sets how many columns of images appear on mobile (1 or 2). |
| Setting |
Description |
| Marquee direction |
Sets the scrolling direction (right-to-left or left-to-right). |
| Marquee speed |
Controls how fast the marquee scrolls. |
| Desktop marquee gap |
Sets spacing between marquee items on desktop. |
| Mobile marquee gap |
Sets spacing between marquee items on mobile. |
| Pause on hover |
When enabled, marquee scrolling pauses while hovering. |
Layout
| Setting |
Description |
| Media ratio |
Sets the aspect ratio used for gallery images (Adapt, Square, Portrait, Landscape). |
| Container layout |
Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) |
Sets the maximum section width on desktop as a percentage (50%–100%). |
| Color scheme |
Applies a theme color scheme to the section styling. |
| Scroll fade animation |
When enabled, applies a fade effect as the gallery scrolls (theme animation style). |
| Text alignment (Desktop) |
Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) |
Controls text alignment on mobile (left, center, right). |
Inner padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) |
Adds space below the section’s inner content on desktop. |
| Left (Desktop) |
Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) |
Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) |
Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) |
Adds space below the section’s inner content on mobile. |
| Left (Mobile) |
Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) |
Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) |
Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) |
Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) |
Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) |
Adds space above the section (outside) on mobile. |
| Bottom (Mobile) |
Adds space below the section (outside) on mobile. |
| Left (Mobile) |
Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) |
Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration
Heading
A preset heading area that introduces the section.
| Block |
Description |
| Tagline |
Displays a short line of text above the main heading. |
| Heading |
Displays the main section title. |
| Description |
Displays supporting text beneath the heading. |
Image Gallery Marquee
| Block |
Description |
| Image marquee |
A single image item displayed within the scrolling marquee gallery. Multiple items can be added to create the gallery. |