MaxT Posted June 29, 2020 Share Posted June 29, 2020 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 comment
tuanphan Posted June 30, 2020 Share Posted June 30, 2020 Can you share link to cart page? We can check easier. 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
MaxT Posted June 30, 2020 Author Share Posted June 30, 2020 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 Link to comment
paul2009 Posted June 30, 2020 Share Posted June 30, 2020 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. 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
MaxT Posted June 30, 2020 Author Share Posted June 30, 2020 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 comment
paul2009 Posted June 30, 2020 Share Posted June 30, 2020 After adding it, you'll need to refresh the page. Is the CSS still there? I don't see it on your site currently. 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
MaxT Posted June 30, 2020 Author Share Posted June 30, 2020 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 comment
MHAMUSIC Posted October 26, 2020 Share Posted October 26, 2020 Thanks so much for that CSS code. Had the same issue Link to comment
Dovile Posted April 7, 2021 Share Posted April 7, 2021 Hi, done all of the above but it didn't resolve the issue? Link to comment
tuanphan Posted April 12, 2021 Share Posted April 12, 2021 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; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment