Jump to content

adding paragraphs of text in cart page

Recommended Posts

I've added some additional text to the Cart page using the CSS below, which works fine, but I'd like to make the word that are in caps bold, but am struggling to work out how to do this, any help would be appreciated

 

#cart .cart-container::before {
  content: 'We use PayPal to take payments. Please note YOU DO NOT NEED A PAYPAL ACCOUNT TO USE THIS, just click Pay by Debit or Credit Card at the bottom of the PayPal pop up window.';
  
  }

 

Thanks in advance 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

When you add text in this way - using CSS and a pseudo selector - you cannot format individual words. To do that you’ll need to replace the CSS with some JavaScript instead. The JavaScript will need to wait for the cart content to load and then insert the text using HTML where you can style some words using <b> tags.

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

Link to comment
  • 2 weeks later...

Hello,

I added text at the cart page using this code:

#cart .cart-container::after {
  content:'Shipping costs will be calculated based on weight of the products when you enter the country of delivery at checkout. *all orders over €75 will get a sample of oolong tea by XinAnChu.com';
    display: block;
    margin-top: 20px;}

Is it possible to divide the text to two paragraphs and add a link to the xinanchu.com?
I searched for a long time, but I couldn't find a way.

The shop is currently here: petrsklenickapottery.com/shoppp password: ahoj

Thank you very much!

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.