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

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?

Can you share link to cart page? We can check easier.

https://www.maxtrafford.co.uk/cart

You will need to add an item to the shopping basket to be able to see it. Currently the 'remove item' button is almost identical to the background colour. Cheers

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.

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?

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

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

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

Thanks so much for that CSS code. Had the same issue

Hi, done all of the above but it didn't resolve the issue?

On 4/8/2021 at 4:51 AM, Dovile said:

Hi, done all of the above but it didn't resolve the issue?

Add this to Design > Custom CSS

/* cart x icon color */
button[title="Remove Item"] {
    color: #f5b200 !important;
}