How to reduce font size and font color in REDUCED PRICED

[hamelingonewild]

Hello! When some products are defined DISCOUNTED by my client, the descritpion is to large that it affects the alignment of the products itself. I would like to reduce the font size and also to change the color of that writing. Can u suggest me how to do?

Fede

[rocky]

It's the following code on lines 1460-1471 of global.css:

ul#product_list li .discount {
   color: #da0f00;
   text-transform: uppercase;
   font-weight: bold;
   display: block
}
ul#product_list li .on_sale {
   color: #da0f00;
   text-transform: uppercase;
   font-weight: bold;
   display: block
}

The first section is for "Price lowered" and the second for "On sale".

[hamelingonewild]

My global.css file arrives at line 1100 :-( I could not find anywhere the above lines of code. I guess you meant global.css of the theme, right?
Those lines do not exist!

[rocky]

I'm referring to the default PrestaShop v1.3.2. If you are using a custom theme without that code, I'll need a link to your site to check your code.

[hamelingonewild]

http://www.sportcenterstore.com/

it's a custom theme!

[rocky]

I can't see any problem. It seems "Price lowered" is only displayed on the product page, not on the product listing pages. I can't see any alignment issues. Have you fixed this?

[hamelingonewild]

I need to reduce its font and to change the color. Cause if the font remains so large, in some pages it gives problems of alignment. Not on every page, but on some pages. For example, when 1 product is reduced and the two others not, it gives problem of alignment. That's why I want to reduce the font size.

[rocky]

Which browser are you using?

[hamelingonewild]

I am using Firefox, my client Explorer. But we both see it weird.

[rocky]

I tried viewing your website in IE and Firefox, but I can't see any "Reduced price" text in the product listings. Can you post a screenshot?

[hamelingonewild]

http://www.sportcenterstore.com/140-snowboard
REDUCED PRICE in ITALIAN is "SCONTATO!" :-)
So you will se SCONTATO nearby certain products...
:-)

[rocky]

I see the text now. It isn't causing any wrapping issues for me though. You can try adding code like the following to your global.css:

.ajax_block_product div .discount {
  font-size: 10px
}

Change 10px to the size you want the "Price lowered" text to be.

[hamelingonewild]

Thank you, Rocky! I try immediately!! :-)))