Solved

Change Cart Drawer Font Color

bloomboxspakit
Excursionist
22 0 4

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/ 

 

Screenshot 2024-06-10 at 10.43.02 PM.png

Accepted Solutions (3)

suyash1
Shopify Partner
9372 1168 1505

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;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

View solution in original post

suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@bloomboxspakit - add this as well - 

.cart-drawer .cart-items th{color: #fff !important;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

View solution in original post

suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@bloomboxspakit - add this

.cart__empty-text{color:#fff !important;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
9372 1168 1505

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;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
bloomboxspakit
Excursionist
22 0 4

Thank you that worked so well! The only part that's still black is the text that says " Product" and "Total" up top.

suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@bloomboxspakit - add this as well - 

.cart-drawer .cart-items th{color: #fff !important;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
bloomboxspakit
Excursionist
22 0 4

I just noticed but when the cart is empty the text is black too any solution for this?

 

Screenshot 2024-06-10 at 11.03.21 PM.png

suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@bloomboxspakit - add this

.cart__empty-text{color:#fff !important;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
bloomboxspakit
Excursionist
22 0 4

A life saver, Thanks Suyash!