1. change font size and color
2. i want to put box around
please check attached file.
thank you and marry christmas
1 answer
Dear johnpark!
Our office was off for last weekend, so now I could answer your question:
- For product in list page:
-- Open "skin\frontend\default\jm_natris\csstheme.css " then change this code (about line 1705):
HTML Code:
a.minimal-price-link { display: block; font-size: 70%; }
to
HTML Code:
a.minimal-price-link { display: block; font-size: 70%; padding:5px 10px; border: 1px solid #E0E0E0; -moz-border-radius: 3px 3px 3px 3px; }
this will hep you to add border to "as low as" price box.
-- Change this code:
HTML Code:
a.minimal-price-link .label {} a.minimal-price-link .price { font-weight: normal; }
to
HTML Code:
a.minimal-price-link .label { font-size:13px; font-weight:normal; color:red; } a.minimal-price-link .price { font-size:13px; font-weight:normal; color:red; }
this will help you to change color and font size of text in "As low As" price. you could change parameters to suit your ideas.
- For product in detail page:
-- Open "skin\frontend\default\jm_natris\csstheme.css " then add this code:
HTML Code:
.tier-prices { border: 1px solid #E0E0E0; -moz-border-radius: 3px 3px 3px 3px; padding: 5px 10px; }
this will help you in adding border to price "buy x save y" in produduct detail page.
-- Add this code:
.tier-prices li {
font-size:13px;
font-weight:normal;
color:red;
}this will help you in changing color and font size of text in "save x get y discount" price. you could change parameters to suit your ideas.
Hope this helps you and have a good week!