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