Jump to content

adding a "sold" circle to the top right corner of product listing

Recommended Posts

Hi there! I'm interested in changing the way my template shows the "sold" for the product listing. 

Currently my template has it so the SOLD is under the title. 

I would like it shown in the upper right hand corner over the product image. 

Images attached for reference. 

Thank you, 

April

sold lable.JPG

sold sticker.JPG

Link to comment
  • Replies 4
  • Created
  • Last Reply
.product-mark.sold-out {
    position: absolute;
    top: 50px;
    right: 50px;
    border: 2px solid white;
    width: 60px;
    height: 60px;
    text-align: center;
    background: black;
    color: white;
    border-radius: 50%;
    line-height: 60px;
}

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.