> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://doc.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Electro Electro Custom Liquid

## About Custom Liquid Section

For unavailable predefined sections, Electro theme supports Custom Liquid section where you can add Liquid code to create a personalized section on your store.

## How To Access Custom Liquid Section

From any page, please click on ‘**Add Section**’ on the left side bar, then choose ‘**Custom Liquid**’.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588851/4cff1e0006203ef1ddfcc1ddbeaf/AD_4nXcHbIlm4uTuumh8voOS7IQHcStgwAZ78UbqMCk6pW90PaovoP0nYAstIw8EN8LfjfA4rD5J2LtBNd7zDJ9KmMdOFYRgCIYIs0J9GPX8jgPJVYDqdXLpb_KNX64V7oGFMarm8crbV2Pz26S0ANjnkeyjAFQRP1GueA4SP917TGQIw.png?expires=1792402200&signature=307c3d4a680dce938bc1c200df2530b8973a4f80bdb72bcbaa0e7d59ddaeba79&req=dSknFMx2lYlaWPMW1HO4zUB%2FmYp0W0PEf%2FJbsTmExW29Az7ItptbMn6Gr3Qx%0AcCp8K3%2BtDXGTL4kih0w%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/9/8/8/a/988acf43c3e9a000/266038bd-3e40-4e9e-b9a4-f00635_m790wq.png)

## General Configuration

**Color Scheme**: Select a specific color palette for the **Custom Liquid** section. These schemes can be created or modified in Theme settings > [Colors](https://docs.saleshunterthemes.com/manual/electro-theme-settings/#colors).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588869/1e2509db4e6d9f8fddec4c4e8429/AD_4nXekPSWzdRbNK2-NorcdQ86l6G2VEBknT7kQlLbcz_c04M5fcoeG4WfI77knhBHq7JFKtUdYvE3nWexiZ0LLTcGcqkLL-eI7XYqQIAVM-6kPrmIsAW6__Jx_QK865E52PZogkKJ135s9cBw22VTJkeyjAFQRP1GueA4SP917TGQIw.png?expires=1792402200&signature=e50ba9632509abbf64197292a685f13304859cd5d716eb6ecc3ad422b22f26fa&req=dSknFMx2lYlZUPMW1HO4zZhY5Koq1vSLMarrbM8fK4bfCJOcNbRD0IzNTOng%0Aos7l95X%2Fn4zVsWIa8AA%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/c/d/1/8cd1cfb1ab642800/37abd825-6ce3-4c74-9655-ac3459_kacpno.png)

### Subheading

To change the content of the subheading, you just need to type down the text into the text boxes.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588887/e5cdc8f10eba301f2a84a9697d83/AD_4nXd9eJ3IpMbENZVKAUSZMujPunYxK3fAealR4Q8JLWQpKZ7ASYAXxVTCZZXqokQh0ARAHXTwz4-Pz0E2sZ18XuBke3YTz9YkT6QkYqCQzFwP6Tf77Mvij4ZjoeH8ZcZHQpMpilQgOYULIKWVdxrmUgkeyjAFQRP1GueA4SP917TGQIw.png?expires=1792402200&signature=0fc518f7ab6a3b048ef42c585d327e6ea90d8ec6c6ac0a60854e6ff5754101f5&req=dSknFMx2lYlXXvMW1HO4zbBbtSjfZdvlderQZYvLXcJml4flDwTJyMYeMDa%2F%0ARC6bz7Lo3DDvd79KwDc%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/3/e/1/d/3e1d7b889a9d9200/519966ea-873d-421d-9863-a041bd_skvx50.png)

### Heading

To change the content of the heading, you just need to type down the text into the text box.

Then, you can adjust the text size: headline, H1, H2, H3. These heading sizes will be based on the Base text size established in Theme settings > [Typography](https://docs.saleshunterthemes.com/manual/electro-typography/).

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588907/537c0779865285d37e1fbaf560ff/AD_4nXfefep8Fs9ZNW_rsJGFPgcut8gRfnqOej0t1g2zNAeddqyh2YAIScgixHlpGkpKQBPpnpf2ruCiY2lAmGaH3No-ucY_DKakjvf2tKBSbHUvg5lzHWBVPs46jbdq9GY97igAZY0jr1bD0039nUO_keyjAFQRP1GueA4SP917TGQIw.png?expires=1792402200&signature=25b37b8811564f3ea945872aa0c27d09aede82f3bde5338d2f0d8462a709ffa2&req=dSknFMx2lYhfXvMW1HO4zWwohePJU5XlXwqxB%2BQ0wTaKfhxxktjte2igbQrS%0AD2J1QUoquqVuKdQP%2B1U%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/5/f/a/4/5fa4573f08086400/e5f87be1-0f1b-46e7-b73b-03dabe_gj1tzo.png)

### Liquid Code

By default, without custom code, the **Custom Liquid** section will show the section header only. To insert your custom code, you can add your custom code to the **Liquid Code** box. You can read more about [Liquid code](https://shopify.dev/docs/api/liquid) in this Shopify article.

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588926/9bee10165697d3d39c0fc20cc018/AD_4nXdG6XcDJ-RLeg8NeioTmH2RkBC76oathkV4wLyqf6i5AKQAG112v10glqR6-fHBvZUBkp3XdNfA2mXzf-P9YkDeVnyBL6SQwKIBUjMes5xQNxbijxKHyvcX2-rA-VvGHZfqbrXKnLPissnbbjJHywkeyjAFQRP1GueA4SP917TGQIw.png?expires=1792402200&signature=387db6072d435f1bac783b8e77b048b083e057198398c23bfe87796eb7df84a2&req=dSknFMx2lYhdX%2FMW1HO4zfuLi8RtRuERRqPgEi%2B0FsWsVux%2FA1DNn2pbdx%2B9%0AJL2WJnCbJpzUHk2RHVs%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/f/6/d/0/f6d042b2e0f06800/3c97b2ab-692c-41bb-ab88-0011bd_ndniai.png)

## Layout

There are 2 types of content alignment that you can set for the heading content:

* Left
* Center

[![](https://saleshunterthemes-3030d0343deb.intercom-attachments-1.com/i/o/h9w3pjg7/1902588945/2f5993c158a9bb2562abc8d7e9db/AD_4nXfTZEt-99RtH5j_tbVnKF42a3vPAEf8BB32mbCJruFnoBq3T9YlXMedOn6U-Zcqt4gh4uwlk1FFPsVsJik7gbQGueKCPe1Lo3Y3qB-pcfYFu2zNhdo0Azsxxyuy91WdKbvyWfqOzR9zASEf2xkeyjAFQRP1GueA4SP917TGQIw.gif?expires=1792402200&signature=3ffaa9907fc2982ee770d210d0d2eb30efc03b8e57fa6992f427323330a2bd93&req=dSknFMx2lYhbXPMW1HO4zZdjOxsyd2%2BSS%2BK9SiTSPbePZDYMEkaR7BWCSoBk%0A5FLT3%2FuwLIfcLaI1Ac0%3D%0A)](https://storage.crisp.chat/users/helpdesk/website/-/8/1/a/0/81a04fcc86997000/58315d33-1514-44ec-a082-7ef6c9_11c64l1.gif)

---

# Frequently Asked Questions

**1. What happens if I don't add any custom code to the Custom Liquid Section?**

If no custom code is added, the Custom Liquid section will display only the section header by default.

**2. Where can I adjust the text size for headings in the Custom Liquid Section?**

You can adjust the text size for headings (headline, H1, H2, H3) based on the Base text size in Theme settings > [Typography](https://docs.saleshunterthemes.com/manual/electro-typography/).  
​