WooCommerce "available on back order" text color

  • 25 September 2021
  • 7 replies

Hi! can somebody please help me with changing the text color for “available on backorder” on my Ecommerce website? currently, once the size is selected, a bright green color “available on backorder” message shows, but my background color is olive and the message is not visible. thank you!

7 replies

Userlevel 6
Badge +1

Are you able to share a link?

Userlevel 6
Badge +3

Hello you need to move to the style tab and change color if you feel you are making changes and its not working then do one thing please clean the cache and check it. this might help.

Userlevel 6
Badge +3

Oh yea phease do lell me where are you trying to change color ?


choose a size, and you’ll see the “available on back order” in this green color that is barely legible. 


thank you!

Userlevel 6
Badge +3

ok got it


Userlevel 6
Badge +3

Paste Below css to custom css

p.stock.available-on-backorder {
color: #5c6164 !important;



Userlevel 7
Badge +4

@judywong27 did you find your answer here? If so, please consider clicking “Best answer” to help out others. If you found it elsewhere, please share it here so we can mark your answer as the best one, thanks :)