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