Hi i’m using the Vision Theme store URL https://bubbloot.net/ The issue is when I go to Theme setting - colour and try to change the button colours. I’m having issues with changing them separately seems they are linked. For example, at the moment they have a white background and black font. If i ch…

Go to your Online Store → Customize → Settings → Custom Css and paste this code in the custom css section button#AddToCart { background: red !important; color: white !important; } .shopify-payment-button__button:not(.shopify-payment-button__button–branded) { background: #0002ff !important; c…

Hey @saidabs23 Follow these Steps: Go to Online Store Edit Code Find theme.liquid file Add the following code in the bottom of the file above tag RESULT: [Moeed_0-1698824624567.png] If I managed to help you then, don’t forget to Like it and Mark it as Solution! Best Regards, …

Hi @saidabs23 You can try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file you…

Hi, I have done that now but both buttons are black, how can I make them separate colours, ie one white one black. [Screenshot 2023-11-01 at 12.54.40.png]

I don’t have any of these in assets - base.css, style.css or theme.css.

Hi just realized although that worked, the code is showing at the bottom of the page. How do i fix that? [Screenshot 2023-11-01 at 15.30.02.png]

to fix this you need to enclose the code inside style tag button#AddToCart { background: red !important; color: white !important; } .shopify-payment-button__button:not(.shopify-payment-button__button--branded) { background: #0002ff !important; color: white !important; }

Done that but i’m getting this error [Screenshot 2023-11-01 at 16.01.11.png]

Issues with changing the colour of buy it now/add to cart button

Shopify Discussion

Made4uo-Ribe November 1, 2023, 4:01pm 11

You can paste it on the product.css.

Topic		Replies	Views
How can I alter the color of a specific button in my cart? Store Design design , customizations	13	120	November 8, 2023
How can I change the colour of the add to cart buttons without changing the colour scheme? Technical Q&A shopify-theme	5	40	March 8, 2023
I wanna change color Store Design design , customizations , css , third-party-themes , shopify-themes , troubleshooting , html	6	54	January 8, 2025
How can I change the color of specific buttons without coding? Store Design	10	49	January 17, 2022
Want to change color of add to cart and buy now button on product page in debut theme. Store Design	4	15	March 1, 2022

Issues with changing the colour of buy it now/add to cart button

Related topics