> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop/theme-settings/custom-css.md).

# Custom CSS

The **Custom CSS** option in Shopify's **Theme Settings** allows you to modify the **default styles** of your theme, providing greater flexibility in personalizing your store’s appearance. 

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Theme Settings > Custom CSS**.
4. Add your **CSS code** in the provided entry form.
5. Click **Save** to apply your changes.
   {% endhint %}

By adding valid **CSS entries**, you can customize layouts, typography, colors, spacing, and other design elements

<figure><img src="https://2586998482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoR59WHukDFiu96fv0kDY%2Fuploads%2FxITvw8t0EayfSnF1PlFr%2FScreenshot_17.jpg?alt=media&amp;token=c8f74e52-2fd8-4821-9550-9d983fe4d0ad" alt=""><figcaption></figcaption></figure>