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
  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


  1. 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.


  1. Click Save



  1. Check the result


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



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

Updated on: 28/08/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!