✨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