Jump to content


Public support for Manufacturer suggested / recommended retail price (MSRP) module. Ask about this module and get free public help.
Photo

How to change font size of block created by this module ?


  • Please log in to reply
1 reply to this topic

#1 Andrea

Andrea

    Newbie

  • Members
  • Pip
  • 3 posts

Posted 12 August 2021 - 08:59 AM

I want to change font size of manufacturer suggested price that this module displays on product page and list of products. How to do it ?



#2 Milosz

Milosz

    Advanced Member

  • Members
  • PipPipPip
  • 94 posts

Posted 12 August 2021 - 09:01 AM

Hello,
Styles of the module to display suggested brand prices 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 {
    margin-top:1px;
    font-weight: bold;
    background: #03a900;
    color: #FFF !important;
    text-align: center;
    border-radius: 4px;
    padding: 0px;
    margin-left: 2px;
    margin-right:2px;
    font-size:15px;
}

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






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users