Text columns with images

Inspired by the blog posts section, this section allows you to create your own highlights from the theme editor without having the need to create blog posts.

Section settings

Settings
Type
Description

Heading

text

Title for the entire section.

Heading size

range

Adjusts the size of the heading.

Layout

Text alignment

select

Aligns the text in blocks. Options: Left, or Center.

Columns per slide on desktop

range

Number of columns per slide on desktop.

Columns per slide on mobile

select

Number of columns per slide on mobile. Options: 1 or 2.

Show images

checkbox

Toggle to show/hide images in the blocks.

Show borders

checkbox

Toggle to display borders around blocks.

Height

Equalize image heights

checkbox

Makes all images the same height. Overwrites width settings.

Desktop height

range

Aspect ratio of images on desktop (wide to tall).

Mobile height

range

Aspect ratio of images on mobile.

Colors

Background

color

Background color for the section.

Overlay gradient

color_background

Optional gradient overlay.

Borders

color

Border color.

Mobile

Layout

select

Mobile layout: Grid, Stacked, or Slider.

Section spacing

Width

select

Width setting: Full width padded or Page width.

Padding top

range

Top padding for the section.

Padding bottom

range

Bottom padding for the section.

Last updated