# 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](https://docs.foxecom.com/minimog-theme/update-minimog-theme#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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&#x26;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" 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>