I wan to change the color of Shop Pay Button

Store Design
1

I want to change the color of Shop Pay Button From blue to pink.
My theme is Dawn.

Here is the link of website.

https://alreadymineny.com/products/magical-pink

2

Hey Alreadymine, nice website :glowing_star: Very much my vibe.

Since that is ShopPay’s branding, you can’t change it. When you include other business logos/brand elements, they should never be customised to your branding.

3

Hi Alreadymine,

Given that we run a luxury high-end store, it’s crucial for us to maintain a sophisticated aesthetic.
You guess that the current purple buzz-button on the page was completely unacceptable.

We’ve had customers describe it as “horrific” and “tacky.”

After spending several hours searching for a solution, we finally managed to resolve the issue.

I suggest adding the following CSS code to the “Product Page” CSS block.

Change the hex codes (#2E2E2E) to your preferred shade of pink

div.shopify-cleanslate div[role="button"][data-testid="ShopifyPay-button"] {
    background-color: #2E2E2E !important;
    color: #FFFFFF !important;
    border: none !important;
}
div.shopify-cleanslate div[role="button"][data-testid="ShopifyPay-button"]:hover {
    background-color: #3B3B3B !important;
}

I hope this helps. Unfortunately, the 500-character limit restricts us from implementing more sophisticated hover effects and the sleek minimal look we are after.