Change of ''In Stock Colour" on the debit product page

Store Design
1

Hello guys.Im new and struggling here.How do i change the colour of “In Stock” text on the product page from Black to Green.Kindly assist.MY Shop is www.wayserve.co.za

2

Hi @Mhike-TK ,

To change you follow the instruction:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product-single__meta > p {
    color: green;
}

AvadaCommerce_0-1642134602909.png
AvadaCommerce_0-1642134602909.png1354×528 92.9 KB

I hope it would help you.

3

Thank you AvadaCommerce for your assistance.I have tried that and the colour is changing to green.My products are either available in stock or Preorder.So the text is either Availability:In Stock or Availability:Preorder.I need Availability:In Stock to be Green and Availability Preoder to be orange.Apologies i didnt mention it in the original post.Kindly Assist

4

Hi @Mhike-TK ,

Currently on the store: text Available: In stock and Available: Pre-Order is using the same html location. So it can’t be separated to css.

Solution: If you know html, then you can add each text as a different class so we can do the css for you. You can add this liquid condition in place of that

tag to add the class with the code below:

Then you css this code under the theme.css file:

.inventory--stock {
    color: green;
}
.inventory--preOrder {
    color: orange;
}