> 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.&#x20;

{% 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="/files/1hA5b5sBARRwm9CQnvyc" alt=""><figcaption></figcaption></figure>
