Collage Grid

Collage grid focuses on images and presents them in a card-based layout. Images are displayed in an overlapping manner, and different numbers of images show different visual effects. The overall design balances visual appeal and information transmission efficiency, quickly capturing attention through images, supplementing details with text, and guiding user actions to achieve both display and conversion functions.

(I) Collage Grid

• Page width: There are three options: Page Container, Stretched, and Full Width. Choosing different widths will present different visual effects.

(II) Padding

• Top: Manually drag the slider to adjust the top margin, with a minimum of 0px and a maximum of 100px.

• Bottom: Manually drag the slider to adjust the bottom margin, with a minimum of 0px and a maximum of 100px.

(III) Content Settings

• Title: Set a title.

• Title size: Set the size of the title (Small, Medium, Large, Extra Large, Maximum).

• Description: Enter descriptive text for a brief introduction and explanation.

• Button: Enter the text displayed on the button; the button will not be displayed if the content is empty.

• Link: Select the location the button jumps to; the button will be in a grayed-out state if left blank.

• Outline style: Enable this option to change the button style accordingly.

• Section layout: There are two display forms for the layout: Left and Right.

• Color scheme: Select or edit a color scheme to define the color styles of all elements on the page, including background color, text color, etc.

(IV) Media

• Image: Upload and modify the image.