✨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