Mosaic is a popular layout option for showcasing a variety of images or products in a visually appealing way. It arranges items in a grid-like pattern with varying sizes and orientations, creating a dynamic and eye-catching display. This layout is helpful for websites that sell multiple products or services, allowing users to see a snapshot of what's available without scrolling through long lists or pages. Mosaic layouts are also often used for portfolios or galleries, allowing artists and photographers to showcase their work engagingly and interactively.
| Settings | Description |
|---|---|
| Heading | Shows the title of the section. |
| Section Height | The size of the section height: |
| • Small | |
| • Medium | |
| • Large | |
| Text Alignment | Select where the text is located: |
| • Middle | |
| • Middle Left | |
| • Top Left | |
| • Top Right | |
| • Top Center | |
| • Bottom Center | |
| • Bottom Left | |
| • Bottom Right | |
| Compress Blocks on Mobile | Click the checkbox to compress blocks on mobile. |
| Maintain Aspect Ratio | Click the checkbox to contain aspect ratio. |
| Settings | Description |
|---|---|
| Image | Click Select Image to connect an image with the block. |
| Heading | Shows the title of the section. |
| Description | Shows the text of the description. |
| Link | Enter the URL that you wish the button to direct to. |
| Button Text | Shows the text of the button. |
| Button Style | Select the button design: |
| • Primary | |
| • Secondary | |
| Overlay Opacity | Adjust the opacity of image background using the slider. |
| Show Overlay | Click the checkbox to show overlay. |
| Text Color | Changes the color of the text. |
| Overlay Color | Changes the color of the overlay. |