Problem with new PS theme and colour for product availability

[charlie123]

Hello,

I have a little problem with product availability status. When product is available to buy (stock 1 and more) I would like to display AVAILABLE NOW next to availability text with green background. When product is available only to order and stock=0 I would like to display text with orange background. And finally when product is no longer in stock I would like to display text with red background.

 

At the moment I have green colour on every status. Either if product is available or not. I found this code using firebug on page with product not in stock:

 

<span id="availability_value" class="warning_inline">This product is no longer in stock</span>

 

Class warning inline was not available in theme CSS so I added it but it's crossed when I use firebug:

 

product.css:180
#availability_statut span#availability_value {
display: inline-block;
padding: 1px 5px;
font-weight: bold;
font-size: 10px;
color: white;
text-transform: uppercase;
background: #2aae1f;
}

 

This part is crossed with line

 

product.css:189
.warning_inline {
background: #2aae1f;
}

 

Can anyone help me with this issue please. Thank you

 

Edit: attached pic for more reference

[charlie123]

Bump, still did not find solution for that. Don't have an idea how to fix this