I'm trying to change the way the price tags look in the shop of our website.
http://millennialmedical.com/shop
I'd like to change the red rectangles containing the price to be rounded, and I'd like to change the font positioning and size. I have a beginner's knowledge of html and css. Thank you very much.
Solved! Go to Solution.
Hello Nothon,
You can use border-radius:
For example:
http://millennialmedical.com/skin/frontend/default/ma_elecstore/css/styles_red.css
line ~936. You change to:
.products-list .price-rating {
background: #cd2626;
/* height: 59px; */
width: 80px;
position: relative;
margin-top: 30px;
border-radius: 50%;
}
line ~924:
.products-list .price-box {
text-align: center;
margin: 0;
padding: 20px 0 20px;
}
Hello Nothon,
You can use border-radius:
For example:
http://millennialmedical.com/skin/frontend/default/ma_elecstore/css/styles_red.css
line ~936. You change to:
.products-list .price-rating {
background: #cd2626;
/* height: 59px; */
width: 80px;
position: relative;
margin-top: 30px;
border-radius: 50%;
}
line ~924:
.products-list .price-box {
text-align: center;
margin: 0;
padding: 20px 0 20px;
}