Jump to content

Product Scarcity Styling on Cart Page

Go to solution Solved by paul2009,

Recommended Posts

  • Solution
On 5/1/2021 at 2:47 PM, jdillagodzilla said:

looking to update color and font style of "1 AVAILABLE" on the cart page

Unfortunately, Squarespace recently changed all the cart selectors, giving them almost 'random' classes that make no sense.

For the time being (further changes to the cart are planned!), the limited availability label has the class "_2-zpFeg7a", so you can style it by adding this to Design > Custom CSS:

[Updated: class changed from _2-zpFeg7a to cart-row-qty-alert]

.cart-row-qty-alert {
    color: black!important;
    font-size: 12px!important;
}

This won't take effect immediately. You'll need to save the changes and then refresh the page (Cmd-R or F5) before you'll see the changes.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009
class changes

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
  • 2 years later...
9 minutes ago, LuxLux said:

Do you know if this class has been updated and what to?

Yes it has been updated.

Try the selector .cart-row-qty-alert

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.