How can I change the text colors on my cart page only?

Hi!

How can i change my cart page text colors without changing text colors on other pages?

The problem is that the color i have selected in my theme color settings is not working on my cart page

because there is a different background color (see attachment).

Here is link to my shop: https://verkkokauppa.legiongym.fi/

1 Like

@Sami_Nummenrant

{% if template == 'cart' %}
h1.small--text-center {
    color: white !important;
}
{% endif %}

Add this code in the bottom of the theme.liquid file

@SpeedyDev Thank you for your reply!
However, this did not fix the problem. Any other suggestions? :slightly_smiling_face:

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

.template-cart p,
.template-cart h1,
.template-cart h2,
.template-cart h3,
.template-cart h4,
.template-cart h5,
.template-cart h6{
    color: #fff  !important;
}
1 Like

@eFoli-Marvic Thank you for your reply!
This did kinda solve the problem but also created a new one → Now the titles are visible in white but the text inside the product description box is also white and is not visible (see attachment).

@Sami_Nummenrant Apply this code

.template-cart .cart__taxes,
.template-cart h1,
.template-cart h2,
.template-cart h3,
.template-cart h4,
.template-cart h6{
    color: #fff  !important;
}
1 Like

@eFoli-Marvic This worked, thank you!
One more question; I noticed there is a small text here which is still black/grey and is not visible.
Do you know how i can change this text to white? (see attachment)

@Sami_Nummenrant Apply this code

.template-cart label{
    color: #fff  !important;
}
1 Like

@eFoli-Marvic Thank you!

I noticed one more issue on the sites mobile view;
The dropdown menu has a black background and the texts are once again not visible.

Any idea how to fix this?