Jump to content

Customised TEXT under PRODUCT PICTURES

Recommended Posts

Site URL: https://www.cleanr.com/sanitiser

Hi, I was wondering if someone might have the solution to this.

I am using the css code underneath to show (ex. VAT) under the price tag on the product page.

 

Quote

.product-price .sqs-money-native:after {
  content: '(ex. VAT)';
  display: block;
  margin-top: 7px;
  color: black;
  text-transform: ;
}

 

But, I would now like to customise and show individual product price for all 4 items. Which I suppose will need 

a css code which is  customised to each of those 4 items. 

Please see example below. 

 

WEBSITE - https://www.cleanr.com/sanitiser

Screenshot 2020-07-16 at 16.27.48.png

Link to comment
  • 1 month later...
  • Replies 1
  • Created
  • Last Reply

Use this code

/* Product 1 */
div#thumb-5l .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 2 */
div#thumb-500ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 3
div#thumb-250ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}
/* Product 4 */
div#thumb-50ml-hand-sanitiser-gel .product-price .sqs-money-native:after {
    content: "(price1)";
}

 

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

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.