Media grid

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile)

Adjust the range bar to add spacing at the bottom of the section for mobile view.

Section visibility

Select from the options to select the visibility of this section:

-Always

-Small devices only(On selecting this, the section will be visible on mobile devices only.)

-Large devices only

Make section fullwidth

Tick the checkbox to show this section in fullwidth.

Content

Heading Add heading text. (Note: Wrap your text between [ ] to add the markers font.) Markers font Choose any font from the following options: - Accent - Body - Heading (Note: These fonts can be changed in theme settings>typography.) Heading size Choose the heading size from the H1-H6 options. Heading tag Choose the heading tag from H1-H6 for SEO purposes. Description Enter the description text. Content alignment Choose left or center to decide the text alignment. 3232

Column

Desktop row height Adjust the range bar to determine the grid's row height on the desktop view. Mobile row height Adjust the range bar to determine the grid's row height on the mobile view. Desktop column gap Adjust the range bar to determine the grid's column gap on the desktop view. Mobile column gap Adjust the range bar to determine the grid's column gap on the mobile view Border radius Adjust the range bar to determine the grid's border radius.

Colors

Color scheme Select any color scheme defined in the Theme settings>Colors schemes.

Block settings:

Show image/video on hover

Tick this checkbox to show image on hover only.

Image

Choose image from your library.

Video

Choose video from your library.

Layout

Desktop Column Adjust the range bar to determine the column width. Row Adjust the range bar to determine the row height.

Mobile Column Choose from 1 or 2 to determine the columns count. Row Choose from 1 or 2 to determine the rows count.

Content

Subheading Add subheading text. Heading

Add heading text.

Heading size

Choose the heading size from the H1-H6 options.

Heading tag

Choose the heading tag from H1-H6 for SEO purposes.

Description

Add description text.

Content position

Choose the content position from the following options:

-Top left

-Top center

-Top right

-Center left

-Center

-Center right

-Bottom left

-Bottom center

-Bottom right

Content alignment

Choose the content alignment from the following options:

-Left

-Center

-Right

Desktop content width

Choose the width from the following options:

-Small

-Medium

-Large

Button

Text

Add text to the highlight button.

Link

Add a link to your button. (Note: If the button text is blank, then the link will be applied to the whole image.) Style Choose the button style from the following options: -Solid -Outline -Link. Size Choose the button width from the following options:

-Regular -Small

-Medium

-Large

Colors

Color scheme Select any color scheme defined in the Theme settings>Colors schemes. Overlay opacity

Adjust the range bar to determine the overlay opacity.

Last updated