Shopify themes, liquid, logos, and UX
Hello, I'm wondering how to change the color of all the text in the cart drawer section to white. I've come across a couple codes that change certain sections of the font but can't seem to be able to target all the sections. Any help would be greatly appreciated!
My store URL is https://bloomboxspa.com/
Solved! Go to the solution
This is an accepted solution.
@bloomboxspakit - add this css and check
.drawer__heading, .cart-item__name, .product-option, .cart-drawer .price, .drawer__footer summary, .totals__total, .totals__total-value, .cart-drawer .tax-note{color:#fff !important;}
This is an accepted solution.
@bloomboxspakit - add this as well -
.cart-drawer .cart-items th{color: #fff !important;}
This is an accepted solution.
@bloomboxspakit - add this
.cart__empty-text{color:#fff !important;}
This is an accepted solution.
@bloomboxspakit - add this css and check
.drawer__heading, .cart-item__name, .product-option, .cart-drawer .price, .drawer__footer summary, .totals__total, .totals__total-value, .cart-drawer .tax-note{color:#fff !important;}
Thank you that worked so well! The only part that's still black is the text that says " Product" and "Total" up top.
This is an accepted solution.
@bloomboxspakit - add this as well -
.cart-drawer .cart-items th{color: #fff !important;}
I just noticed but when the cart is empty the text is black too any solution for this?
This is an accepted solution.
@bloomboxspakit - add this
.cart__empty-text{color:#fff !important;}
A life saver, Thanks Suyash!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025