✨Media grid

Section visibility

Choose 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 top corners rounded

Select this checkbox to show the top corners rounded of the section.

Make content sticky

Select this checkbox to make the text content sticky in the section.

Make section fullwidth

Select this checkbox to change the section in to full width.

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.

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.

Heading alignment

Choose left or center to decide the text alignment.

Colors

Color scheme Choose the color scheme.

These can be managed from Theme settings> Color >Schemes. Section background Choose any color for the section background color. It works with the rounded corners only. Heading highlight Choose any color for the highlighted heading color.

Section spacing

Top spacing (desktop)

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

Bottom spacing (desktop)

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

Top spacing (mobile)

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

Bottom spacing (mobile) Adjust the slider to add spacing at the bottom of the section for mobile view.

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

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

Style Select from Solid, Outline or Link to determine the button style. 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.)

Colors

Column background

Choose any color for the column background. Heading

Choose any color for the heading. Description

Choose any color for the description .

Heading hover

Choose any hover color for the heading. Description hover

Choose any hover color for the description . Button background

Choose any color for the button background.

Button text

Choose any color for the button text.

Button border

Choose any color for the button border.

Button hover background

Choose any color for the button background on hover.

Button hover text

Choose any color for the button text on hover.

Button hover border

Choose any color for the button border on hover.

Overlay color

Choose any color for the overlay.

Overlay opacity

Adjust the range bar to determine the overlay opacity.

Last updated