Image cards

Section width

3 options for container
• Stretch width: span the section width regardless of screen size.
• Fixed width: depends on your page content width in Theme settings -> Layout.
• Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Subheading

The subheading of the section

Heading

The title of the section

Enable heading underline animation

Turn on an animated underline effect for headings. Switch off to keep a static look.

Underline style

Choose the underline’s look. Include:
• Include: Simple underline – Clean straight line beneath the text.
• Curve stroke: Soft, hand-drawn curved stroke for a casual feel.
• Squiggle underline: Wavy line for a lively, attention-grabbing look.
* Note: Only appears when Enable heading underline animation is enabled

Underline color

Pick the color used for the underline.
* Note: Only appears when Enable heading underline animation is enabled

Description

The description of the section

Heading size

The size of the title:
• Heading 1
• Heading 2
• Heading 3

Alignment

The position of the heading and description.
• Left
• Center
• Right

Image ratio

The image ratio for the featured images of the blog posts:
• Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.
• Portrait - Crops the images to use a 3:4 ratio.
• Square - Crops the images to use a 1:1 ratio
• Landscape - Crops the images to use a 4:3 ratio

Desktop image position

3 options for desktop image position
• Top
• Left
• Right
* Note: Image will be shown above text on mobile.

Background color

Setting the background color of the content block

Desktop vertical alignment

3 options for the desktop content position
• Top
• Middle
• Bottom

Content alignment

3 options for the content alignment
• Left
• Center
• Right

Gap

4 options for column gap
• No gap
• Small
• Medium
• Large

Padding inline

Adjust the horizontal spacing (left and right) inside the section. This value is automatically optimized for mobile devices.

Padding block

Adjust the vertical spacing (top and bottom) inside the section. This value is automatically optimized for mobile devices.

Items per row on desktop

Number of columns to display on desktop

Column gap

4 options for column gap
• No gap
• Small
• Medium
• Large

Show navigation

Display the next and back controls for the carousel
* Note: Pagination will automatically show on mobile if you display the number of items on mobile as 1 or 2

Show pagination

Display the pagination for the carousel

Auto-change slide

Enable or disable automatic slide transition.

Change slides every

Set the time interval (in seconds) between automatic slide transitions.

Reveal next slide

Display a part of the upcoming slide.

Items per row on mobile

Number of columns to display on mobile devices

Content alignment

3 options for the content alignment
• Left
• Center
• Right

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Show divider

Toggles the visibility of a horizontal divider line within the section.