Jump to content

Changing the word "Sale" for products

Recommended Posts

Add to Home > Design > Custom CSS

.product-mark.sale {
    font-size: 0;
}
.product-mark.sale:before {
    font-size: 15px;
    content: "Special Offer";
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
55 minutes ago, vna said:

Thank you! This worked!

The site doesn't look good on Tablet. Try checking & If you need to fix, we can help

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Also, would it be possible to have different labels instead of "Quantity" for different categories? I was able to change it to Number of Participants but that is for all the products.

For e.g., in this page, I would like it to say "Number of Sessions" instead of "Number of Participants". I want it to say "Number of Participants" for other categories.

https://www.dearfamilies.com/all-services/p/individual-private-consultation-sessions-vasudha

Link to comment

Edit Product > Additional Info > Add a Code Block > Paste this code

<style>
  .quantity-label {
    visibility: hidden;
}
  .quantity-label:before {
    visibility: visible;
    content: "Number of Participants";
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/17/2020 at 12:06 AM, tuanphan said:

Edit Product > Additional Info > Add a Code Block > Paste this code


<style>
  .quantity-label {
    visibility: hidden;
}
  .quantity-label:before {
    visibility: visible;
    content: "Number of Participants";
}
</style>

 

Thank you this worked!

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.