Change color of amount button separately from add to cart button?

Store Design
1

Hi,

Who can help me with this problem.

I have the Sense theme and I have changed some CSS to change the add to cart button, which now is blue. That’s good. However the ‘amount’ button (showing number 1) is also blue. I can’t get that button to white. It will get the same color as the add to cart button.

Question: how to get a different color for the ‘amount’ button.

thank you.

Coen1_0-1673140061983.png
Coen1_0-1673140061983.png752×270 6.95 KB

2

Hi @Coen1

Can you share with me the page URL and password page?

3

@Coen1 - can you please share this page link?

4

Hello @Coen1 ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

5

@Coen1 - add this css to the end of your base.css file and check, it is for quantity button

.quantity__input{background-color: #fff; opacity: 1;}
.quantity__button{background-color: #fff;}

12-12-x9ksl-qyq88
12-12-x9ksl-qyq882188×1224 213 KB

6

Hello @Coen1 ,

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673236849214.png
GemPages_0-1673236849214.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like
7

Thank you so much for the quick response and support!

1 Like
8

Thank you for helping. Sorry I tried but it didn’t work out.

9

@Coen1 - which code did you try?

10

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team

11

Hi @suyash1 the code you provided above.

1 Like