change colour of non-discounted prices

Hi, At the moment all the prices are being displayed as red.

for example
$50.00

However, i only want discounted prices to show as red and all non-discounted prices to be black.

So i want =

[strike]$50.00[/strike]
$25.00

and normal prices to show black like:

$50.00

if you don't want the red on the non discounted price, you can add such CSS in the front end CSS file of HikaShop that you can edit via the Display tab of the configuration:

.hikashop_product_price_before_discount{
color: black !important;
}

You may want to change this as default styling for hikashop as it is common for the price to be in black and the discounted/sale price to be in red. It seems quite strange to have the normal price in red IMO.

Actually the css you gave is not correct. It seems that the discounted price has the same css as the normal price on other products.

i need a css class for the discounted price which it seems doesn't exist.

the css that is needed is for 3 different prices:
product_price_discount, product_price_before_discount, and also product_price

Could you give a link to a page where you have that ?
The CSS modification I provided works fine for our product prices before discount.

PM sent

I can see the non discounted prices in black on your website. So it's working for me on your website.
Are you talking about something else ?

The product category page has all the normal prices in red when i want them to be black



the product detail page has the normal (non-discounted) price in red when i want it black



what do i need to change? i think another css class needs to be added..

That's not possible with just CSS. You will have to edit the file "listing_price" of the view "product" to add such class to the product price when discounted.