Jump to content

How to reduce font size of price ?


Recommended Posts

Hi there,

My currency is quite weak, something like Zimbabwe dollars.
Following the WIKI I could hide the 2 numbers after the decimal point, but there is still not enough space for the price to show.

How to reduce the font size of price in category/sub-category view ?

Thanks.

Link to comment
Share on other sites

Find in you css file this:

.price, .price-shipping, .price-wrapping (line 528)

{

color: #da0f00;

font-size: 1.1em;
font-weight: bold;

white-space: nowrap;

}


or this:



ul#product_list li .price (line 1451)

{

display: block;

font-size: 170%;

margin-bottom: 0.2em;

}


and change the font-size
I am not sure witch one exactly affect the font size, just try them both :)

Link to comment
Share on other sites

Thanks Rain3r for the code.
I tried to modify the file: \prestashop\themes\prestashop\css\global.css
The second code worked. But it only affect the category/sub-category view, the home category still have big font size.

ul#product_list li .price (line 1451)
{
display: block;
font-size: 170%;


For the home page, do you have any other solution?
Thanks.
Link to comment
Share on other sites

you will find this on line 525 in global.css
this is the only style you need to change the rest will use this style as long as you remove font size on the others ;-)

.price-discount { text-decoration: line-through; }
.price-pretax { color: gray; }
.price-ecotax { color:#488c40; }
img.icon { margin-right: 0.5em; vertical-align: middle; }
.price, .price-shipping, .price-wrapping {
color: #da0f00;
font-size: 1.1em;
font-weight: bold;
white-space:nowrap;
}

Link to comment
Share on other sites

  • 2 weeks later...
Ohh I see :roll:
for this one it's different
you need to change line 1045

#center_column .products_block span.price {
   text-align: center;
   font-size: 1.6em;
   padding: 0.5em 0;
   display: block;
}



Hi I have question on changin font size inside the product categories, how do I do that? Thanks!

upladkequestht0.jpg
Link to comment
Share on other sites

are you still talking about the price font size :question:

yes I mean the price font size, I have managed to reduce the price from size at the front homepage, but not the page which has the product categories, like the image I have attached in the previous post.
please help, many thanks!
Link to comment
Share on other sites

  • 6 months later...
  • 3 months later...
  • 7 months later...

I did not want to start a new thread for this, however is there a way to display the price on product.tpl WITHOUT the currency? Just numerical.

I'm using this to display the price, and i also get the currency.

{convertPrice price=$product->getPrice(true, NULL, 2)}


Thanks

Link to comment
Share on other sites

×
×
  • Create New...