Shop pay button background

[sanwal]

Hi everyone,

i want to change shop pay background colour in my store but style is not override because.what should i do can it possible.

[EvinceDev]

Hello @sanwal , Please share store url

[sanwal]

https://www.eddieborgo.com/products/copy-of-scroll-cuff-bracelet-gold

[sanwal]

@EvinceDev any update ? this is url https://www.eddieborgo.com/products/copy-of-scroll-cuff-bracelet-gold

[EvinceDev]

Hello @sanwal , 
Thank you for your message.
The background color of Shop Pay is not being overridden because it comes from a Shadow DOM, which means it's encapsulated and cannot be directly affected by external CSS styles. Unfortunately, due to the nature of Shadow DOM, standard CSS overrides will not work.

Potential Solutions:

1. Contact Shop Pay Support: The best approach is to reach out to Shop Pay support directly. They may provide customization options or insights into how their elements can be styled.

2. Use JavaScript: In some cases, JavaScript can manipulate styles inside Shadow DOM elements. However, this approach can be complex and may not always be reliable, especially during updates.

3. Check for Customization Options: Review the Shop Pay documentation or settings in your Shopify admin to see if there are any built-in options to change the appearance.

If you need further assistance or have any questions, feel free to ask!