How to change inventory status colour for 'out of stock'

RDSHOP
Excursionist
26 0 3

Hello!

 

I want to change the colour of the 'out of stock' from grey (see image below) to red (preferably #e20000). I'm on the latest DAWN theme.

 

RDSHOP_0-1711184039225.png

 

Thank you in advance 🙂

 

Replies 7 (7)

techlyser_web
Shopify Partner
1423 268 282

Hello @RDSHOP 

Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
RDSHOP
Excursionist
26 0 3

Hello! 

 

shop URL is www.rubydesignsclothing.com 🙂 

BOOST-STAR
Shopify Partner
123 13 17

Hi, RDSHOP

I hope you are doing Great.

If you want to change the color of the out of stock you need to modify the theme's CSS. you need to follow this step that i give in below.

Access your theme files

Locate the CSS file

Search for the 'out of stock' styles

Change the color

Save your changes and last you will do Refresh your website.

- Call Us BOOST STAR
- Was our reply helpful? Give us BOOST ... We mean 'Like'
- Was your question answered? Marked us reply as an Accepted Solution
RDSHOP
Excursionist
26 0 3

Hello! 

 

I am well thank you for asking. I hope you are too?

 

Could you clarify which CSS file I need to be looking for please?

 

Thank you

caiyuyuyus
Shopify Partner
7 0 0

assets  file
component-product-variant-picker.css

RDSHOP
Excursionist
26 0 3

The 'out of stock' styles isn't in that file; I've also done CTRL + F to search for the word 'out', but only 'outline' comes up

caiyuyuyus
Shopify Partner
7 0 0

caiyuyuyus_0-1711347113085.png