Price CSS

-- HikaShop version -- : 2.5.0
-- Joomla version -- : 3.4.3

Hi!
In the listing view and in the product pages, the prices have the same css class.

So, the question is: how to customize differently this prices?
I would to have different size and colour for prices.

Thank you.

Hi,

Certain elements might have the same classes across different page types, but the containers they are wrapped in do not, at least not by default (means for as long as it hasn't been overridden).
E.g. all HikaShop content on a product page is wrapped in a div with the class "hikashop_product_page".
And in product listings (menu items as well as modules) you'll find most relevant content wrapped in a div with the class "hikashop_products_listing".

By utilizing such classes you are able to apply CSS individually, so it's valid for the same element only in listings or only in product pages, similar to this way:

.hikashop_product_page .hikashop_product_price {
  color: #ff0000;
  font-size: 32px;
  font-weight: bold;
}