Here is how to create a custom CSS file

[bredowmax]

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?

[kalyan_chakri]

Please explain how you are trying to override?

[pierre_co]

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.

[Erikaarevalo]

Hello, I’m trying to follow the steps but it’s not working for me.

If I add the following code directly to the default theme.css it works perfectly.

.Button--primary::before, .shopify-payment-button__button--unbranded::before, #shopify-product-reviews .spr-summary-actions-newreview::before, #shopify-product-reviews .spr-button-primary:not(input)::before {

 background-color: #af8da5!important;

}

I want to add this code to a separate css file. I went ahead to create the following file under Assets.

I will greatly appreciate any help!

The I went into my theme.liquid and added the following:

[the90sshop]

You're awesome, thank you for this!