Change 'Add to basket/cart' background colour - Debut theme

Store Design
1

Hi,

Due to another unchangeable rule that Shopify has implemented, I am unable to change the background colour of my ‘add to basket’ button without it impacting other parts of my site (that I don’t want changing!)

Please would someone be able to help me change JUST the background colour of my ‘add to basket’ button on each product page to hex: FBE122?

thanks

2

Hi @mbhlg !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share page URL so that I can inspect and send code accordingly.

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

3

Thanks, I’ve sent you a message

4

Hi @mbhlg !

Please paste this code at the bottom of theme.css under assets in theme code files;

.product-form__cart-submit,.shopify-payment-button .shopify-payment-button__button–unbranded {
background: #FBE122 !important ;
}

Like this;

Screenshot_26.png
Screenshot_26.png1915×928 182 KB

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

5

Hi,

thanks for this but unfortunately when I add that code to my site the colour change to yellow is also applied to the dynamic ‘buy now’ button. So it looks like this:

Screenshot 2022-10-17 at 21.45.11.png
Screenshot 2022-10-17 at 21.45.11.png876×436 22.4 KB

Please could you take a look so the dynamic button is not impacted?

Also if possible please could you remove my store/product details from the screenshot below in your post? As I keep getting contacted on other platforms :slightly_smiling_face:

Thanks

6

@PageFly-Victor

Hi, please could you let me know if there is an answer to my question?

Thanks

7

Hey bro @mbhlg !

Your both buttons are interlinked that`s why.

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly