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 ?
How to change font size of block created by this module ?
#2
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 ![]()
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users










