How to change product availability value different color ?

[Filmo SVK]

Hi everybody,

I try solved one problem with availability value in product in PS 1.6

I don't know how to do the color "In stock / available" example :greene and "out of stock / unavailable" example: red.

 

Please help me with this problem thanks. And please add here code or tutorial how to do made.

 

Thanks in advance

Edited September 24, 2014 by Filmo (see edit history)

[vekia]

product.css line ~720

#availability_value, #last_quantities {
color: white;
font-weight: 700;
line-height: 18px;
display: inline-block;
padding: 3px 8px 4px;
background: #55c65e;
border: 1px solid #36943e;
margin-left: 5px;
}

product.css is located in theme /css/ directory

[Filmo SVK]

product.css line ~720

#availability_value, #last_quantities {
color: white;
font-weight: 700;
line-height: 18px;
display: inline-block;
padding: 3px 8px 4px;
background: #55c65e;
border: 1px solid #36943e;
margin-left: 5px;
}

product.css is located in theme /css/ directory

 

Thank you Vekia for your answer but when I change the color of the line all of the availability labels have the same color. However I need a different color for labels: in stock, out of stock, unavailable.

Each stock has a unique color

[vekia]

can you share url to an example page where you want to change colors, please?

[Filmo SVK]

http://doublju-fashion.sk/tricka/9-panske-elegantne-bezove-polo-tricko.html (it is slovak page)

on this page Red label

 

I found this topic www.prestashop.com/forums/topic/251037-solved-more-than-2-availability-levels-with-color-coding-any-ideas/ but i modify to PS 1.6

Edited September 25, 2014 by Filmo (see edit history)