How do I change the text color on my cart page?

How do I change the text color on my cart page?

breezypcs
Visitor
3 0 0

Hi there, 

I was hoping to get some help with editing my websites theme. A couple things are bugging me that i can't fix. The background of my website is dark so naturally my text is white except in the cart page it is black. The problem is I can't change it. Help would be appreciated.Capture.PNGCapture2.PNG

Replies 5 (5)

David_SHT
Globetrotter
605 125 125

Hi @breezypcs 

This is David at SalesHunterThemes.

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

breezypcs
Visitor
3 0 0

Here is the store url:

https://edce24-2.myshopify.com/password?_fd=0

the password is: skeish

 

for page url it’s a general problem the black font on dark background. So any help in that regard would be much appreciated. 

topnewyork
Globetrotter
633 113 134

Hi @breezypcs 

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag

 

a.cart-item__name.h4.break {
    color: white;
}

.quantity-input.quantity.cart-quantity {
    color: white;
}

.cart-remove-button .icon-remove {
    color: white;
}

.quantity__button svg {
    color: white;
}

form#cart { color: white; }

 

topnewyork_0-1696490868945.png

 

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel
breezypcs
Visitor
3 0 0

Goode Evening,

Thanks so much for this solution it has mostly worked. However as you can see in the image below it hasn't done what yours did and I am a bit confused.

Capture5.PNGCapture4.PNGCapture3.PNG

if you have any way for me to fix this that would be greatly appreciated!

oscprofessional
Shopify Partner
16115 2409 3121

Hello @breezypcs 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.focus-none {
    background: #fff !important;
}
.quantity__button {
    color: #fff !important;
}
input#Quantity-1 {
    color: #fff !important;
}
#shopify-section-template--19854137590109__cart-items h1 {
    color: #000 !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free