# Collection text overlay

The **Collection text overlay** block allows you to feature a collection with custom imagery and layered text. This layout is perfect for creating visually engaging callouts or banners within a Collection List section.

<table><thead><tr><th width="201.8775634765625">Settings</th><th width="173.47308349609375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Collection</td><td align="center"><code>collection</code></td><td>Select a collection to feature.</td></tr><tr><td>Image</td><td align="center"><code>image_picker</code></td><td>Custom image override for the collection. Recommended: 1400×1400px.</td></tr><tr><td>Heading</td><td align="center"><code>text</code></td><td>Text overlaid on the image.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code></td><td>Adjust heading size: <code>Mini</code>, <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code>.</td></tr><tr><td>Text alignment</td><td align="center"><code>select</code></td><td>Choose overlay text position: <code>Center</code>, <code>Bottom right</code>, <code>Left</code> etc.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Show text background</td><td align="center"><code>checkbox</code></td><td>Adds a background behind the overlay text.</td></tr><tr><td>Background</td><td align="center"><code>color</code></td><td>Background color for text area. Supports transparency.</td></tr><tr><td>Text</td><td align="center"><code>color</code></td><td>Color of overlay text. Supports transparency.</td></tr><tr><td>Overlay type</td><td align="center"><code>select</code></td><td>Choose between: <code>Disabled</code>, <code>Opacity overlay</code>, or <code>Text underlay</code>.</td></tr></tbody></table>