Change font color to inventory count on product page

Store Design
, , , ,
1

Hello,

I have the Hiyati theme and I’m having trouble with

  1. permanently changing the color of the available inventory number listed on the product pages.
  2. changing the font color for the variant picker in the drop down menu on the product pages.

I’ve tried inserting this on thy style.css and theme-custom.css files but the number only is white temporarily:

.product_details_info .pro-nprist .stock-inventory span.available-stock {

color: #ffffff;

font-weight: 600;

}

Here are some screenshots of the before & after. Any tips on what I can do? Thank you in advance!!

Screenshot 2023-06-01 9.29.36 PM.png
Screenshot 2023-06-01 9.29.36 PM.png504×520 101 KB

Screenshot 2023-06-01 9.31.04 PM.png
Screenshot 2023-06-01 9.31.04 PM.png504×520 108 KB

website: https://black-witches-brew-shop.myshopify.com/

pw: Brew

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > timber.scss.css and paste this at the bottom of the file:
.product_details_info .pro-nprist .stock-inventory .available-stock {
    color: #ffffff!important;
}
.single-option-selector {
    color: #fff;
}

ZestardTech_0-1685681672959.png
ZestardTech_0-1685681672959.png1887×900 285 KB

3

Hi @golderetailsolu

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.product_details_info .pro-nprist .stock-inventory span.available-stock {color: #28a745!important; font-weight: bold !important;}

Regards,

San

4

Hello @golderetailsolu

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->timber.scss>Add this code at the bottom.

.product_details_info .pro-nprist .stock-inventory span.available-stock {
    color: #e2e2e2 !important;
}
.single-option-selector {
    color: #e2e2e2 !important; 
}
5

Hi! Thank you so much! This was the first one that I tried and it worked!

6

Thank you so much! I tried another solution first but you provided the same solution! I appreciate your support.

7

I appreciate your support! Everyone is so amazing on here.