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

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

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

Thanks, I’ve sent you a message

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;

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

Best Regards;
PageFly

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:

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

@PageFly-Victor

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

Thanks

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