# Add your own styling

Source: https://themes.spicydesign.ca/help/guides/add-custom-css/
Updated: 2026-11-12

Use the Custom CSS box in theme settings for small design changes. Duplicate your theme first. Custom code is not supported.


Your theme has a **Custom CSS** box in Theme settings. CSS is the code that controls how things look. Try the normal settings first.

> **Caution:** Duplicate your theme before you start. Custom code is not supported by theme support. If you need help, hire a [Shopify Partner](https://www.shopify.com/partners/directory).
## Try the normal settings first

Most changes do not need code. Settings are safer, and they stay in place when you update the theme.

- Colors: [Change colors](https://themes.spicydesign.ca/help/guides/change-colors/)
- Fonts and text sizes: [Change fonts](https://themes.spicydesign.ca/help/guides/change-fonts/)
- Movement: [Animation](https://themes.spicydesign.ca/help/guides/animation/)

## Duplicate your theme

1. In your Shopify admin, select **Online Store** (marker 1).
2. Select the three dots next to your theme, then **Duplicate**.
3. Select **Edit theme** (marker 2) next to the copy.

![Shopify admin, Online Store, Themes page. Marker 1 is the Online Store menu item. Marker 2 is the Edit theme button for the live theme.](https://themes.spicydesign.ca/help/shots/admin-themes.webp)

## Add your code

1. Select the **Theme settings** icon (marker 1).
2. Open **Custom CSS** in the list (marker 2).

![The Theme settings panel in the editor. Marker 1 is the Theme settings icon. Marker 2 is the list of groups such as Logo and favicon, Colors, Typography and Cart.](https://themes.spicydesign.ca/help/shots/editor-theme-settings.webp)

3. Paste your code into the box.
4. Check the preview on a computer and on a phone.
5. Select **Save**.

## Good to know

- To undo a change, delete the code and select **Save**.
- Paste only code you trust and understand. It runs on your live store.
- Check the copy before you publish it.
- Your code may stop working after a theme update.
