Here is how to create a custom CSS file

Highlighted
Explorer
45 1 43

This works great but I'm finding one problem, where my CSS would rely on colors defined in the theme. For example this wouldn't work anymore in the new CSS file:

 

background: {{ input_bg_col }};

 

How to fix this?

0 Likes
Highlighted
Excursionist
20 0 3

Please explain how you are trying to override?

0 Likes
Highlighted
New Member
1 0 1

Hello,

To add a custom css file to your Shopify shop, you can use this free application https://apps.shopify.com/css-editor.

It will automatically create the css file, which you can edit from an editor in the application.

There is also a checkbox to compress the code in order to have better loading times of your pages.

1 Like