Solved

Does anyone know how to Edit Color of Text in Mini Cart for Turbo Theme

Soulofchiron
Tourist
8 1 0

By chance, does anyone know how to edit the color of the text in the mini cart for Turbo Theme without having to edit the full theme base text color?

04.22.2024 Mini Cart Screenshot 2024-04-22 185033.png

I recently noticed my cutomer account area was not showing the text properly for all sections. Therefore I was forced to change the complete base text color for my whole store. The base color was initially white. So as a work around to get all text in the Customer account area to appear, I completely changed my full store base text color and then coded each section/page/area with the custom CSS to make text white again, however, now I'm not sure how to code white text for the mini cart area. Any knowledge anyone can provide is greatly appreciated.

Accepted Solutions (2)

Vinsinfo
Shopify Partner
256 93 84

This is an accepted solution.

@Soulofchiron Please follow below steps to change the text color in mini cart. Let me know whether it is helpful for you.
 
1. From admin go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search for "styles.css" file and paste the below code at the bottom of the file.

 

.cart_content form, .cart_content a, .cart_content a:visited {
    color: #FFFFFF !important;
}

 

Vinsinfo_0-1713862637916.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

Soulofchiron
Tourist
8 1 0

This is an accepted solution.

You are an absolute life saver. This worked perfectly. Thank you so much.

View solution in original post

Replies 6 (6)

LuffyOnePiece
Shopify Partner
505 76 91

Hi @Soulofchiron ,

 

Can you please a preview url of the store?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Soulofchiron
Tourist
8 1 0
LuffyOnePiece
Shopify Partner
505 76 91

Hi @Soulofchiron ,

 

Try adding below css to style.css file.

 

.tos_warning.cart_content a, .tos_warning.cart_content a:visited, .tos_warning.cart_content a:hover, .tos_warning.cart_content a .price, .tos_warning.cart_content a .price span {
    color: #ffffff !important;
}


.mini-cart__item-price span {
    color: #fff;
}

li.cart_subtotal.js-cart_subtotal span {
    color: #fff;
}

p.cart-message.meta {
    color: #fff;
}

 

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Soulofchiron
Tourist
8 1 0

This is an accepted solution.

You are an absolute life saver. This worked perfectly. Thank you so much.

Vinsinfo
Shopify Partner
256 93 84

This is an accepted solution.

@Soulofchiron Please follow below steps to change the text color in mini cart. Let me know whether it is helpful for you.
 
1. From admin go to "Online stores" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Search for "styles.css" file and paste the below code at the bottom of the file.

 

.cart_content form, .cart_content a, .cart_content a:visited {
    color: #FFFFFF !important;
}

 

Vinsinfo_0-1713862637916.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Soulofchiron
Tourist
8 1 0

Thank you so kindly, this code also works perfectly.