The Mosaic section presents images, text, and links through engaging blocks that vary in size and layout.
Section Settings
Click the Mosaic section to open its general settings.
Headings
Add an optional Heading and Subheading with the provided fields.
Section height
Choose from three options for the Section height. The options are:
- Small
- Medium
- Large
Colors
Choose an optional Section heading color, Section subheading color, and Section background color.
Section spacing
Use the Desktop section spacing and Mobile section spacing sliders to adjust the padding for desktop and mobile devices.
Text alignment
Use the Text alignment dropdown to reposition the text in the Mosaic tiles. There are nine options:
- Top left
- Top center
- Top right
- Center left
- Center center
- Center right
- Bottom left
- Bottom center
- Bottom right
Use the Maintain aspect ratio option to have images stay closer to the proportions of the original image (rather than those provided by the section).
Reduce space for mobile view
Enable Compress blocks to minimize the amount of space in mobile view. When enabled, customers can expand and view the block by selecting it.
Mosaic Blocks
Click one of the preloaded Mosaic blocks to customize its content.
Add more by selecting (+) Add Mosaic tile.
Image
Click Select Image to connect.
Text color
Click the rounded-rectangle swatch to select a Text color.
Link
Specify the Link for the block to direct the customer to a particular page. This link will display as a button. Add the desired Button text, then choose either Primary or Secondary from the Button style dropdown.
Overlay
To add an Overlay, a translucent cover for the image, select Solid (single color) or Gradient (blend of colors) from the Overlay style dropdown.
Choose the Color for the overlay by clicking the rounded-rectangle swatch, then adjust the level of transparency using the Opacity slider.