Product price CSS in cart

-- url of the page with the problem -- : digitalguarddawg.com
-- HikaShop version -- : 2.2.2
-- Joomla version -- : 2.5.16
-- PHP version -- : 5.3.x

The client wanted the prices displayed in a larger font size on the product pages. This I accomplished by adding a line to frontend.custom.css -

span.hikashop_product_price_full{
  text-align: center;
  font-weight:bold;
  [color=#ff0000][b]font-size: 20px;[/b][/color]
  display:block;
  margin-bottom:5px;
  margin-top:10px;
  margin-left:10px;
}

Hi,

You can directly apply this property instead of the previous one:

.hikashop_product_page .hikashop_product_price_full{
  text-align: center;
  font-weight:bold;
  font-size: 20px;
  display:block;
  margin-bottom:5px;
  margin-top:10px;
  margin-left:10px;
}

Thanks Xavier. Now, if I apply this directly to the master CSS file it will be overwritten if I upgrade or apply a patch. Where do I go to add this to the CSS file from within HS (I can see the PHP files but cannot identify frontend.css - assuming that's the file this goes in).

I added it to the CSS via the Configuration in the backend of HS. It had no affect on the cart display.

www.digitalguarddawg.com

Here is a SS showing the code inserted at the end of the frontend.css file.

I don't. Have tried in Chrome, FF and IE - cleared caches. Still showing the big text.

Sorry - I thought my first post was precise - I want small font/text in the cart (NOT what's showing in the image) and the big font/text in the products - like it is now and shows in the image product.jpg.

Hi,
I didn't really understood what you wanted to do, so can you give me more information through some screenshots, and tell me exactly what you want to edit and how you want it to be changed ?

I'm not really sure how to explain it any more than it is in this thread. And I gave screenshots of the shopping cart and the product page in my last post, but I'll try to explain it more.

URL: www.digitalguarddawg.com
Enterprise v 2.2.2

Starting with a stock standard installation of HS, the client wanted the prices on the PRODUCT PAGES to be larger (see image called h505e4b8.jpg in my last post). So I went into the frontend.custom.css file and changed the following css:

span.hikashop_product_price_full{
  text-align: center;
  font-weight:bold;
  [color=#ff0000][b]font-size: 20px;[/b][/color]
  display:block;
  margin-bottom:5px;
  margin-top:10px;
  margin-left:10px;
}

.hikashop_product_page .hikashop_product_price_full{
  text-align: center;
  font-weight:bold;
  font-size: 20px;
  display:block;
  margin-bottom:5px;
  margin-top:10px;
  margin-left:10px;
}

What I didn't realize (I think this is actually wrong and should have had it's own css anyway) is that the prices in the shopping cart also use this piece of css to render the shopping cart pricing (see image in previous post called hf2b9905.jpg). I do not want this large pricing in the cart, I want whatever the css was before - might have been more like 12px.

span.hikashop_product_price_full {
text-align: center;
font-weight: bold;
font-size: 20px;
}

I know that code is causing the cart to display with the larger font size - I said that in a couple of my posts. Please reread what I'm asking for.

I was given other code by Xavier which was supposed to fix this problem but didn't. I just want to know how to normalize the text in the cart - I KNOW it's taking it's css parameters from the same piece of code as the product price.

Well, it was really clear first up, but anyway. So where do I put this code? I really appreciate the help I've received, but the whole answer up front would save everyone a lot of time and angst. I want to add this in the backend of HS so updates don't overwrite it, but I have no idea where to add it.

The full story would be great.

Well I'm not the only confused person Nicolas. Your post of 1 week 3 days didn't pick up the mistake either so please don't lay all the blame on me. I'm no programmer and HS is extremely complicated for someone like me. That's why we ask questions and expect clear replies - especially if we've paid for a product. If it was free, I'd shrug and move on, but it isn't.

So, I ask again - WHICH file do I edit in the HS backend to ensure this edit isn't over-written when an upgrade occurs. There are so many files I have no clue where to do it.

Sorry for the time it took to solve your issue, Nicolas wasn't blaming you but explaining the situation. Also, note that CSS customization isn't included on our support.
As it's said on the documentation , you'll just have to add this code through the option "Front-end CSS File" via "Hikashop->System->Configuratin->Display".
Hope this will help you.