Green font on product availability: Available

[charlie123]

Hello,
At the moment, when the product is available in stock, customer can see

Stock: Available

But when product is for example available for backorder, customer will see

Stock: Available for backorder - bold and red font

How I can make font Available bolded green when product is available?

Here is the code but I don't know where to make a change:

<!-- availability -->

quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
{l s='Availability:'}
quantity <= 0} class="warning_inline"{/if}>
                   {if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}

[shokinro]

I think you need to change style file instead of the theme file itself.
it depends the version and the theme, usually the style files should located at
YourSiteRoot/themes/YourSiteTheme/css/global.css

or some page specific related css file if you are using PrestaShop 1.4x

you need to find the css class or id that you want to make change.

[charlie123]

Hi, I'm using PS 1.4 and standard theme. Can you tell which code should I edit in global.css please?

[shokinro]

Sorry I am not designer, I am not very good the CSS.
for 1.4x product page, bedside the global.css file, there is also another file i.e. product.css you need to look into it.
it locates at the same location of global.css file.

basically, you need to look for "class" and "id" of tags in css file