Grid item settings

The grid item block settings allow you to configure how the rest of the items will appear within the grid system. These settings ensure your visual content is optimized across both desktop and mobile devices and maintains consistency.

Settings
Type
Description

General

Text alignment

select

Controls text alignment inside the grid item. Default: text-center Options:

  • text-left — Left

  • text-center — Center

Desktop

Row start

range

Defines the starting row position on desktop. Range: 1–99, step: 1. Default: 1. Increase the value to add extra rows. The content automatically defines the row end.

Column start

range

Defines the starting column position on desktop. Range: 1–16, step: 1. Default: 1.

Column end

range

Defines the ending column position on desktop. Range: 2–17, step: 1. Default: 4.

Mobile

Row start

range

Defines the starting row position on mobile. Range: 1–99, step: 1. Default: 1. Increase the value to add extra rows. The content automatically defines the row end.

Column start

range

Defines the starting column position on mobile. Range: 1–8, step: 1. Default: 1.

Column end

range

Defines the ending column position on mobile. Range: 2–9, step: 1. Default: 9.

Target device

Limit to desktop or mobile

checkbox

Enables device-specific visibility. When checked, the grid item can be limited to a specific device.

Device

select

Select which device should display the grid item. Default: mobile Options:

  • mobile — Only show on mobile

  • desktop — Only show on desktop

Last updated