Jump to content

Change cart button color

Recommended Posts

44 minutes ago, Begona said:

Site URL: https://cadimat.squarespace.com/cart

Hi! 

I've tried a few codes to change the color of the button on my cart page, but they don't seem to work.

Any ideas?

 

Thanks!

 

Which button you need to change

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

@Begona Add this to Design > Custom CSS

/* Cart page checkout button */
button.checkout-button {
    background-color: #f1f3f9 !important;
}
button.checkout-button span {
    color: red !important;
}

 

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
5 minutes ago, Begona said:

Thanks, @tuanphan

Unfortunately, it's not working 😞

Any idea why?

Do you mean this button?

image.thumb.png.215bc6deb391e6b7dff102b591ad5d2a.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
3 minutes ago, Begona said:

Yes! That one @bangank36

Try in Home > Design > Custom Css

#cart .checkout-button {
  background: purple !important;
}

#cart .checkout-button span {
  color: #fff !important;
}

The same solution as @tuanphan but I select with page id

image.thumb.png.71278fc9de95868ace0e03688eeda6fb.png

Let me know how it works on your site

Edited by bangank36

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.