> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/global-sections/layout/custom-liquid.md).

# Custom Liquid

Renders your own Liquid code directly in the page, with an optional background and color scheme. Use it for app snippets, embed codes, or anything a dedicated section doesn't cover. The code runs in full page context with access to Shopify's global objects.

![Custom Liquid section overview](/files/YYRpVk0g0BCkK7XPkPbs)

***

## Settings

### Content

| Setting     | Description                                                                                                                                                                     |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Liquid code | The Liquid or app code to render in the section.                                                                                                                                |
| Width       | **Page** — Keeps the content within the page width set in your theme settings. **Full** — Stretches the content across the full browser width, with a small space at the edges. |

### Background

| Setting          | Description                                                                               |
| ---------------- | ----------------------------------------------------------------------------------------- |
| Background media | Sets what appears behind the content — an image, a video, or none.                        |
| Image            | Background image. Available when Background media is Image.                               |
| Image — Mobile   | Separate background image for mobile. Available when Background media is Image.           |
| Video            | Background video. Autoplays muted. Available when Background media is Video.              |
| Show overlay     | Add a color layer over the background for legibility. Available when a background is set. |
| Overlay color    | Color and opacity of the overlay. Available when Show overlay is on.                      |
| Parallax effect  | Adds motion to the background as the page scrolls. Available when a background is set.    |

### Appearance

| Setting      | Description                   |
| ------------ | ----------------------------- |
| Color scheme | Color scheme for the section. |

### Spacing

| Setting                 | Description                                       |
| ----------------------- | ------------------------------------------------- |
| Padding top / bottom    | Spacing above and below the section.              |
| Custom padding — Mobile | Set independent top and bottom padding on mobile. |