> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.boxiapps.com/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).

# How to Add Custom CSS to Your Charmi Builder?

Sometimes you may want to make small design changes to your Charmi builder, such as adjusting font sizes, spacing, colors, or other visual elements.

You can add custom css directly in the Shopify Theme Editor.

1. Open your [__Theme Editor__](https://admin.shopify.com/themes)
2. Navigate to the page where your Charmi builder is displayed
3. Select the parent section of the Charmi builder app block
4. On the right side, find Custom CSS and click to open it
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-08-26-63719_4dvb4m.png =1000x504)

5. Enter your css in the Custom CSS field

For example, in this case I want to increase the font size of the components price.

|| Once you've added the CSS, you'll be able to preview the changes directly in the Theme Editor.

6. Click **Save**

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-08-26-165428_dhqu5i.png)

7. Check the result

Open the builder in your online store to ensure that the changes look as expected.

![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/a/6/37a622ee17372e00/screenshot-2026-08-26-165835_njn3xy.png =1000x620)

Done! The custom CSS has been applied to the Charmi builder, and the components price size has increased.