Jump to content

Customise the 'Sold Out', 'Only x Available' text

Go to solution Solved by TheSquareSpacer,

Recommended Posts

  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Hi @niteshifte This code will do the job for you

.products.collection-content-wrapper .product-scarcity {
	color: red !important;
    font-size: 24px !important; /* play with font size here */
	font-weight: 600 !important; /* play with font weight here */
}

Let me know how it goes 🙂

Edited by TheSquareSpacer
Missed a semi-colon

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

Link to comment
  • Solution

This code will work for you:

.sold-out .product-details .product-mark.sold-out {
   color: red !important; 
   font-size: 24px !important; /* play with font size here */ 
   font-weight: 600 !important; /* play with font weight here */
}

Let me know how it goes 🙂

Get Our MultiCurrency Extension for Your Site (7.0 & 7.1)

Feel free to reach out for help and projects!

The Squarespacer Limited

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.