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


			
			
				
				
			







