Add a Heading for the Grid homepage section using the text field.
Control the vertical space occupied by this section with the Section height dropdown. There are three options:
Choose an optional Section heading color and Section background color using the rounded-rectangle swatches.
Specify where the text appears on the image with the Text alignment dropdown. There are 9 options:
- Top left
- Top center
- Top right
- Center left
- Center center
- Center right
- Bottom left
- Bottom center
- Bottom right
Images used in this section will be cropped to fit the blocks, but this can be disabled by checking Maintain aspect ratio.
Conserve space in mobile views by using the Compress blocks option. This will minimize the blocks, allowing customers to expand the information by clicking the block.
Include up to 20 Grid blocks by selecting [+] Add promotional item.
For each block, assign the desired Image by clicking Select image. Then add a Heading, Text, Link, and Button text using the text fields.
Configure the block’s Text color using the rounded-rectangle swatch, then choose a Button style from the dropdown.
Use the Width dropdown to control the horizontal space occupied by the block. Half width will include two blocks per row, while Full width spreads the block across the width of the section.
Activate an overlay, by selecting either Solid or Gradient from the Overlay style dropdown. Then determine the Color with the rounded-rectangle swatch and level of Opacity using the slider.