Gallery Cards

The Gallery Cards tab controls the presentation before a visitor opens the lightbox.

Layout

• Responsive grid: Creates 2 to 6 equal columns on desktop, two columns on tablets, and one column on small phones.
• Horizontal strip: Places cards in one auto-fitting row without a horizontal scrollbar. Cards wrap on tablets and stack on phones.
• Vertical stack: Displays one full-width card per row.
• Grid columns: Controls desktop columns for the Responsive grid layout.

Theme and dimensions

• Card theme: Light, Dark, Glass, or Brand.
• Accent colour: Used by highlights, links, and brand styling.
• Card radius: Controls rounded corners from 0 to 32 pixels.
• Card width: Preferred card width, especially useful for row layouts.
• Card gap: Space between cards. CSS units such as px and rem are accepted.
• Card height: Optional fixed card height. Leave empty for automatic height.

Images and hover

• Image area height: Optional custom media height.
• Image fit: Cover, Contain, or Fill.
• Image aspect ratio: Auto, Square, Standard 4:3, Widescreen 16:9, or Classic 3:2.
• Zoom on hover: Enables a lightweight image scale effect.
• Zoom scale: Controls the hover magnification.
• Caption overlay: Displays the caption over the image on hover.
• Overlay colour and opacity: Controls caption-overlay readability.