# Custom Liquid

{% hint style="warning" %}
**We do not support code customizations**. This guide offers a basic reference for developers and advanced users familiar with HTML and Liquid.  Always test code changes on unpublished theme copies. For assistance, we recommend reaching out to a [verified Fluorescent partner](https://partners.fluorescent.co/).
{% endhint %}

With the **Custom Liquid** block, you can extend your theme by adding snippets of Liquid or HTML code as a block or section in the theme editor.

The Custom Liquid block provides a reliable and safer option compared to directly editing your theme code. It will help keep your theme copy eligible for updates and avoid conflicts with the original theme code.

### Add Custom Liquid block <a href="#add-custom-liquid-block" id="add-custom-liquid-block"></a>

***

Under **Footer**, click **(+) Add block** and select **Liquid**. Use the drag-and-drop handles **`⋮⋮`** to re-order blocks. Click the block to start customizing.

&#x20;

`Click Custom Liquid block to find settings`

<table><thead><tr><th width="190">Setting</th><th width="400">Description</th><th>Options</th></tr></thead><tbody><tr><td><mark style="color:blue;">Desktop width</mark></td><td>Use the slider to increase the width of the footer block on desktop. For best results, make sure all footer block widths add up to 100%.</td><td><strong>10 - 100</strong>%</td></tr><tr><td><mark style="color:blue;">Desktop padding</mark></td><td>Adjust the spacing around the content within the full width of the block.</td><td><strong>0 - 20%</strong></td></tr><tr><td><mark style="color:blue;">Liquid</mark></td><td>Add custom Liquid code for apps or custom content.<br><br>See Shopify's <a href="https://shopify.dev/docs/api/liquid">Liquid reference guide</a> to learn more.</td><td></td></tr></tbody></table>