Showing results for 
Search instead for 
Did you mean: 

Formatting the price tags


Formatting the price tags

I'm trying to change the way the price tags look in the shop of our website.


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.


Re: Formatting the price tags

Hello Nothon,


You can use border-radius:

For example: 


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!