How do I change the cart text to white or purple and not black?

Solved

How do I change the cart text to white or purple and not black?

Shrapnel2023
Excursionist
13 0 0

Screen Shot 2023-08-09 at 5.36.52 PM.png

The cart page can't be edited with color themes I guess and I can't code how would I change the text from black to white? As you can see the image below I inspected it to see how I could change that but how would I do it without changing the rest of the site?

Screen Shot 2023-08-09 at 5.38.04 PM.png

 

 

Accepted Solutions (2)
PageFly-Noah
Shopify Partner
1317 233 275

This is an accepted solution.

Hi, please help me to replace the code you added above with this one:

{% if template.name == 'cart' or template.name =='product' %}
<style>
*,a{
color: white !important;
}
 </style>
{% endif %}

PageFlyNoah_0-1691642678567.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Noah
Shopify Partner
1317 233 275

This is an accepted solution.

Please replace the code you added above with this new one to have the white text and purple button

{% if template.name == 'cart' or template.name =='product' %}
<style>
*,a{
color: white !important;
}

.product-form__buttons button:first-child span {
    color: rgb( 164, 34, 234) !important;
}
 </style>
{% endif %}

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 8 (8)

PageFly-Noah
Shopify Partner
1317 233 275

Hi @Shrapnel2023 

 

This is Noah from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

{% if template.name == 'cart' %}
<style>
*{
color: white;
}
 </style>
{% endif %}

Here's how its look on my end : 

PageFlyNoah_0-1691634404423.png

 

Hope this can help you solve the issue 

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Shrapnel2023
Excursionist
13 0 0

That's some good progress, thank you! Unfortunately, the total and quantity aren't showing up as well as some T-shirt titles and heading what should I do there?

Screen Shot 2023-08-09 at 11.36.38 PM.png

Screen Shot 2023-08-09 at 11.37.02 PM.png

https://shrapnelclothingco.com/products/jets-tee

 

Screen Shot 2023-08-09 at 11.38.21 PM.png

PageFly-Noah
Shopify Partner
1317 233 275

This is an accepted solution.

Hi, please help me to replace the code you added above with this one:

{% if template.name == 'cart' or template.name =='product' %}
<style>
*,a{
color: white !important;
}
 </style>
{% endif %}

PageFlyNoah_0-1691642678567.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Shrapnel2023
Excursionist
13 0 0

Anyway, you could make the buttons purple, the purple that I use for the other buttons, the RGB should be this: 164, 34, 234. And there is now headers (that was my bad coding) on the top left of the pages

 

Screen Shot 2023-08-10 at 12.18.44 AM.png

https://admin.shopify.com/store/cadenrichards14/themes/136917614843/editor?previewPath=%2Fproducts%2... 

Shrapnel2023
Excursionist
13 0 0

I fixed the white header at the top left just to update you 🙂

PageFly-Noah
Shopify Partner
1317 233 275

This is an accepted solution.

Please replace the code you added above with this new one to have the white text and purple button

{% if template.name == 'cart' or template.name =='product' %}
<style>
*,a{
color: white !important;
}

.product-form__buttons button:first-child span {
    color: rgb( 164, 34, 234) !important;
}
 </style>
{% endif %}

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Shrapnel2023
Excursionist
13 0 0

I though we had it but the text is just purple not the whole button

PageFly-Noah
Shopify Partner
1317 233 275

@Shrapnel2023 Sorry for the late response, i can see the button is now purple in the background

Let me know if you need any helps

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.