Need to change a text in to white and a button to white in the cart view for pursuit theme

[JonJulz]

Just when I thought all of the bugs have been fixed, I have found that the order notes section in the cart view page is black not white. Also the quantity button is Black not white and the - + buttons be black not orange any help on changing the code would be great.

I have included a screenshot and circled in red the problem areas.

My link is jjzdesignz.com.au

Thanks and Merry Christmas

[MandasaTech]

Hello @JonJulz

I would like to give you a solution to support you:

1. Go to Online Store-> Theme-> Edit code
2. Open your theme.liquid theme file
3. Paste the below code before :

<style>
.CartItem__QuantitySelector input {
color: white !important;
}
.cart_block__content textarea {
color: white !important;
}

</style>

[Ujjaval]

@JonJulz
put below css into theme.liquid before closing tag

[SocialAutoPost]

Hello @JonJulz

To fix the issue with the order notes section and the quantity buttons being black instead of white on the cart view page in your Shopify store, you can follow these steps:

1. Go to the “Online store” section of your Shopify admin and click on “Themes.”

2. Click on the “Actions” button next to the theme you are using and select “Edit code.”

3. In the “Layout” directory, look for the file named “theme.liquid.” This is the main template file for your theme, and it controls the overall layout and appearance of your store.

4. Scroll down to the section of the file and add the following code:

5. Save your changes and publish the theme. The order notes section and the quantity buttons should now be white on the cart view page.

I hope this helps! Let me know if you have any questions or need further assistance.

[PageFly-Victor]

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets ->base.css

.PageContent .Cart__ItemList .CartItem .QuantitySelector {
    background: #fff !important;
}
.QuantitySelector__CurrentQuantity {
    background: #fff !important;
}
.cart__block .cart_block__content .cart-note__input {
    background: #fff !important;
    border: 1px solid;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[JonJulz]

not quite there plus I would prefer the button black not orange.

[JonJulz]

thanks mate but I dont have a base.css

[JonJulz]

also, I would like the button border black

[Ujjaval]

@JonJulz
Like wise this ?

then add below css code into theme.liquid file before closing tag

[JonJulz]

no sorry it only made the number in the selector white

[JonJulz]

nearly there mate just lost the quantity number

[Ujjaval]

@JonJulz
Here it’s look perfectly .Can you please check it again ?

[JonJulz]

yep, I put the code directly under the last code you gave me for the headings, and I keep getting the black dot with no number.

if I lick the button it works just no number visible.

[Ujjaval]

@JonJulz
Can you put below one also hope now it will be worked for you

.QuantitySelector__CurrentQuantity {
    background-color: white !important;
}

[JonJulz]

I got it I tried this bit of code from @PageFly-Victor on the bottom of your code and it worked.

.QuantitySelector__CurrentQuantity { background: #fff !important; }