How can I change the color of the plus and minus on product page?

Store Design
, , , ,
1

The plus and minus in the quantity selector are showing black but I’d like them to show white. I can’t find the code for this anywhere, other than adding something to my base file, but my theme doesn’t have a base file. Can anyone help?

Screenshot 2023-07-15 122250.png
Screenshot 2023-07-15 122250.png431×262 8.1 KB

2

Hello, please share the website url

3

https://sulingfurnishings.com.au/

password iayais

4

Hey, your should go to:

Online store > find your theme > 3 dots menu > Edit code.

Open the vendor.css file inside your assets folder.

At the bottom of the file copy and paste this code.

.quantity__button svg {
  stroke: white;
  width: 16px;
}

This only fill the stoke color, I’m not finding how to access the fill property but its visible now.

dannyelo_0-1689476493142.png
dannyelo_0-1689476493142.png2342×1176 211 KB

Also the buy with shop (purple) button, has a rectangle in the background. I would change that color the same as the button.

Here is the code for that.

Open component-product-template__info.css file inside assets folder.

Go to the bottom, and copy and paste this code.

.shopify-payment-button__button {
  background-color: #5a31f4;
  border: none;
}

Hope this helps.

5

Hi @lillylove

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

Online Store ->Theme ->Edit code

Assets ->vendor.css

.quantity__button {
    background-color: #fff !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

6

Thank you so much! This works perfect. And an extra thanks for the shop pay button fix!

7

Thank you! I like this too!

8

You are welcome!