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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

.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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.