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

# Add Custom code/ CSS correctly

{% hint style="success" %}
You won't lose any changes made in Minimog theme by adding Custom Code/CSS directly into these files, since it would be automatic-migrated to the updated theme (when you [update the theme using FoxHome](/minimog-theme/getting-started/update-minimog-theme.md#how-to-update-minimog-theme-automatically)):
{% endhint %}

* File **assets/custom.css.liquid:** Add **Custom CSS** here.
* File **snippets/custom-code-head.liquid:**  Add **Custom Code** *such as* *tracking script, meta tag* before closing tag \</head>.
* File **snippets/custom-code-body.liquid:** Add **Custom Code** *such as tracking script* before closing tag \</body>.

If you made any customizations in these files:&#x20;

* Any files created by a 3rd-party app or customized codes from merchants/dev teams;
* **theme.liquid snippets;**

then you would need to manually copy the **Custom code/CSS** over to the updated theme. There is currently no way around this with Shopify.

<figure><img src="/files/SX65AqudlKxDPLIUfi25" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>