cancel
Showing results for 
Search instead for 
Did you mean: 

Formatting the price tags

SOLVED

Formatting the price tags

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.

1 ACCEPTED SOLUTION

Accepted Solutions

Re: Formatting the price tags

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;
}

 

Problem solved? Click Accept as Solution!

View solution in original post

1 REPLY 1

Re: Formatting the price tags

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;
}

 

Problem solved? Click Accept as Solution!