Magento eCommerce:: Change the size of the Price (font-size) on various pages like catalog, related, view.phtml

Like I said before I am really a novice at web dev. But I could not find this info anywhere, so here it is. It took me a a little while to figure this out.

Too change the price size on the catalog page:

/* Catalog pricing */

.product-info-box .price { font-weight:bold; font-size:20px; }

Too change the price size, and make text color black on the related products block (on the category page):

/* Related products */

.product-details .price { font-weight:bold; font-size:14px; color:#000000; }

If you want a different font size, change the font-size: to what ever you want, if you want to add color or whever, this is where it is done.

Just add that to your css page, if you dont know which one to add it to, then add it to skin/frontend/default/[your theme]/css/boxes.css

–Hope this helps someone else too

Magento 1.3.2.4

Advertisement