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

[Soulofchiron]

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?

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.

[Vinsinfo · 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;
}

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

[LuffyOnePiece]

Hi @Soulofchiron ,

Can you please a preview url of the store?

Thank you

[Soulofchiron]

Here is the preview link

https://g47ghu6q7o1cpldp-29755834416.shopifypreview.com

[LuffyOnePiece]

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

[Soulofchiron · Accepted solution]

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

[Vinsinfo · 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;
}

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

[Soulofchiron]

Thank you so kindly, this code also works perfectly.