Manufacturer product price in PrestaShop - change font size

 Hi! I've just bought your module to display suggested brand prices and now I've a question if it's possible to reduce the size of the font and the green box in the Front office view (page view)? Regards Johan


Styles of the module Manufacturer suggested / recommended retail price (MSRP) are defined in module's css styles file. 

The path to file is: /modules/msrp/views/css/msrp.css 

there are two styles that decides about font size. First for price that module displays on product page, second - for prices that module displays on lists of products (category view, search results etc.)

product page style

.msrp_you_save_value {

margin-top: 5px;

display: block;

clear: both;

text-align: center;

font-size: 20px;

margin-bottom: 5px;


to change font size just change the value of font-size: 20px; parameter to some other, like font-size: 14px;

list of products

.MSRP_PRODUCT_LIST .msrp_you_save_value {


    font-weight: bold;

    background: #03a900;

    color: #FFF !important;

    text-align: center;

    border-radius: 4px;

    padding: 0px;

    margin-left: 2px;




the same as for product page, the size of font is defined by font-size:15px; parameter. Just change it to different one :) 

Share on Google Plus


This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment


Post a Comment