# Collage

### Section overview

The Collage section displays a customizable grid of content cards that can include text, images, videos, and buttons. It offers extensive layout and styling options for creating visually appealing content layouts.

#### Common use cases

* Creating feature highlights with images and text
* Displaying service offerings or product categories
* Building informational sections with multiple content blocks
* Creating image galleries with captions and call-to-action buttons

#### Usage tips

* Use consistent content lengths across grid items for a balanced appearance
* Adjust column and row span settings to create visual hierarchy
* Consider mobile layout when setting up desktop grid configurations
* Use color schemes consistently across grid items for visual cohesion
* Take advantage of the split layout option for longer introductory content

### Section settings

| Setting              | Description                                              |
| -------------------- | -------------------------------------------------------- |
| Heading              | Text to display as the section heading                   |
| Content              | Rich text content for the section description            |
| Button label         | Text to display on the section button                    |
| Button URL           | URL for the section button                               |
| Top spacing          | Amount of padding at the top of the section (0-300px)    |
| Bottom spacing       | Amount of padding at the bottom of the section (0-300px) |
| Color scheme         | Background color scheme for the section                  |
| Custom color         | Background color when using custom color scheme          |
| Text color           | Force text color to be light or dark                     |
| Border color         | Color of the section border                              |
| Button color         | Style and color of the section button                    |
| Enable color fade    | Enable background color transition when scrolling        |
| Border position      | Position of the section border                           |
| Desktop rows         | Number of columns to display on desktop (1-8)            |
| Mobile rows          | Number of columns to display on mobile (1-4)             |
| Horizontal alignment | Horizontal alignment of section content                  |
| Enable margin        | Apply horizontal margin to the section                   |
| Enable split         | Display header and grid content side by side             |
| Enable split heading | Apply split layout to the section heading                |
| Visibility           | Control section visibility on different devices          |

### Block settings

#### Content

Collage allow you to create individual cards within the grid with customizable content, media, and styling options.

Block limit: 20

| Setting                  | Description                                      |
| ------------------------ | ------------------------------------------------ |
| Heading                  | Text to display as the block heading             |
| Content                  | Rich text content for the block                  |
| Button label             | Text to display on the block button              |
| URL                      | URL for the block button or card link            |
| Image                    | Image to display in the block                    |
| Show image as background | Display the image as a background behind content |
| Video                    | Video to display in the block                    |
| Enable autoplay          | Automatically play video when visible            |
| Enable mute toggle       | Display a button to toggle video sound           |
| Enable loop              | Continuously loop the video                      |
| Minimum height           | Minimum height of the block in pixels (0-500px)  |
| Enable padding           | Apply padding inside the block                   |
| Color scheme             | Background color scheme for the block            |
| Border color             | Color of the block border                        |
| Text color               | Force text color to be light or dark             |
| Button color             | Style and color of the block button              |
| Enable gradient          | Apply a gradient overlay to the block            |
| Text position            | Position text above or below the media content   |
| Vertical alignment       | Vertical alignment of block content              |
| Horizontal alignment     | Horizontal alignment of block content            |
| Row span                 | Number of rows the block should span (1-6)       |
| Column span              | Number of columns the block should span (1-6)    |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/space/sections/content-and-media/collage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.