Return to previous page

In Stock / Available in back order text color

This topic has 6 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

jnunoalves

Participant

April 27, 2018 at 11:23

Hi,

Is it possible to change text color in single product page for “Available in back order” to red and “In Stock” to Green?

Tks in advance

José

#192057 Copied

5 Answers

Rose Tyler

Support staff

April 27, 2018 at 12:22

Hello,

Yes, it is. Please provide me URL of a single product page. I will give you appropriate custom css code.

Regards

#192065 Copied

jnunoalves

Participant

April 27, 2018 at 22:17

Here you go:

https://www.lingerienoire.com/sexy/open-knickers-anais-abbigail-black/

Tks in advance

#192088 Copied
Rose Tyler

Support staff

April 30, 2018 at 07:37
Hello,
```
.single-product-page .product-info .product_meta .stock.available-on-backorder {
    color: red;
}
.single-product-page .product-info .product_meta .stock.in-stock {
    color: #46a446;
}
```
Regards
#192122 Copied
jnunoalves

Participant

May 13, 2018 at 13:11

Tks very much! It worked perfectly.

Would be possible to change the standard labels for those messages as well?
For instance, I would like to have the following messages:

“In Stock – Dispatch Next Day”, instead of “In Stock”
“In Stock – Dispatch Next Day”, instead of “In Stock (can be back ordered)”
“Back order – Dispatch in 7 days”, instead of “Available in backorder”

Thanks in advance

José

#192846 Copied

Rose Tyler

Support staff

May 14, 2018 at 08:40

Hello,

You’re welcome!
You can use translation files and use translation filed just to change strings. Loco translate plugin will help you to do this in no time http://xstore.helpscoutdocs.com/article/30-base-theme-translation (the same for legenda theme).

Regards

#192869 Copied
Viewing 6 results - 1 through 6 (of 6 total)