Formatting the price tags

[Nothon]

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.

[MrKhoa99 · Accepted 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;
}