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

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


MaxT

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?

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

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.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

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?

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.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

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

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...