Add your own styling

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.

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
• Fonts and text sizes: Change fonts
• Movement: 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.

12

12

12

Add your code

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

12

12

12

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.