Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
MaxT

Change colour of 'remove item' button in the shopping cart

Question

I'm trying to change the colour of the 'remove item' button in the shopping kart page. Any ideas on what custom CSS to use to change its colour?

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
10 hours ago, MaxT said:

I'm trying to change the colour of the 'remove item' button in the shopping cart page. Any ideas on what custom CSS to use to change its colour?

 

You can change it by adding something like this to Design > Custom CSS:

.CartTableRow-itemRemove-6Q3nP button span {
  color: #fff;
  opacity: .6;
}

The example above changes it to white, and increases the opacity. By default, the opacity is low (0.4) until you hover over it.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0
35 minutes ago, paul2009 said:

 

You can change it by adding something like this to Design > Custom CSS:


.CartTableRow-itemRemove-6Q3nP button span {
  color: #fff;
  opacity: .6;
}

The example above changes it to white, and increases the opacity. By default, the opacity is low (0.4) until you hover over it.

Hi Paul, I added this in but the colour still remains as the same colour, any other advice?

Share this post


Link to post
  • 0

After adding it, you'll need to refresh the page.

Is the CSS still there? I don't see it on your site currently.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0
29 minutes ago, paul2009 said:

After adding it, you'll need to refresh the page.

Is the CSS still there? I don't see it on your site currently.

Ah! It's working now, I forgot to refresh the page! Cheers for the help

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...