Jump to content

Change Text Color (Unit Quantity) On Shopping Cart Page

Go to solution Solved by tuanphan,

Recommended Posts

Posted

Hi all, I'm hoping to change the color of the bit there which displays " -  1  + ", where you'd choose how many units you're buying.

Somewhat similar to the linked forum post below, though not to do with the 'background' (as I don't seem to have a white box like they had) necessarily-- just the text color. Additionally, I'm looking to change the color of the 'X' but can't seem to find any working answers online either.

https://www.callistoscollections.com/cart Is my page, and the site is using 7.1

I hope that is enough information, am new to the forums. Here's a screenshot:

image.thumb.png.a7470c480caf846305e8d08ea41e6e3f.png

  • Solution
Posted

Add to Website > Website Tools (under Not Linked) > Custom CSS

/* quantity remove icons on cart page */
input.cart-row-qty-input {
    color: white !important;
}
button.cart-row-qty-inc svg, button.cart-row-qty-dec svg {
    fill: white;
}
button.cart-row-remove svg {
    fill: white;
}

image.png.7a91c7990638745f81d517b3dd9821b3.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
2 hours ago, tuanphan said:

Add to Website > Website Tools (under Not Linked) > Custom CSS

/* quantity remove icons on cart page */
input.cart-row-qty-input {
    color: white !important;
}
button.cart-row-qty-inc svg, button.cart-row-qty-dec svg {
    fill: white;
}
button.cart-row-remove svg {
    fill: white;
}

image.png.7a91c7990638745f81d517b3dd9821b3.png

This worked great, thank you much.

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.