Image cards
Image cards are designed to visually highlight categories, promotions, features, or links to internal pages. Each card functions as a navigational or promotional element and is fully responsive, adapting to different screen sizes.
Section settings
General settings
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
Section header settings
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:
Small
Medium
Large
Alignment
The position of the heading and description.
Left
Center
Right
Card settings
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
2 options for desktop image position
Left
Right
* Note: Image will be shown above text on mobile.
Content settings
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
Carousel settings
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
Reveal next slide
Display a part of the upcoming slide.
Mobile options
Items per row on mobile
Number of columns to display on mobile devices
Content alignment
3 options for the content alignment
Left
Center
Right
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Section divider
Show divider
Toggles the visibility of a horizontal divider line within the section.
Last updated