Change "Buy with G pay" button color - Dawn theme

Solved

Change "Buy with G pay" button color - Dawn theme

Master5723
Excursionist
20 1 8

Hello everyone, I would like to change the color of the "buy with G Pay" button on the main product page. I've searched everywhere but I can't figure out how to change it. The link is this: https://hauslyfe.it/products/hauslyfe-copridivano-peluche .
The site is in Italian. Thank you very much.Screenshot 2023-09-10 150018.png

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 297

This is an accepted solution.

Hi @Master5723 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.shopify-cleanslate [data-testid="ShopifyPay-button"] {

    background: red !important;

    border-color: red !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

webwondersco
Shopify Partner
1200 171 174

@Master5723 , hope you are doing well.

 

the buy button will be displayed based on locations. I am not able to see gpay button.  Please check the attached screenshot:

 

webwondersco_0-1694352024400.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Master5723
Excursionist
20 1 8

Oh okay, what should I do if I sell in italy and it can be seen here?

PageFly-Henry
Shopify Partner
1184 335 297

This is an accepted solution.

Hi @Master5723 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.shopify-cleanslate [data-testid="ShopifyPay-button"] {

    background: red !important;

    border-color: red !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Master5723
Excursionist
20 1 8

It didn`t work but I think I`ll leave it that way because it`s not that bad. Anyway thank you very much for answering me.

PageFly-Henry
Shopify Partner
1184 335 297

You are welcome @Master5723 
If you have any other problems, don't hesitate to let us know.
Thank you so much.  😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Made4uo-Ribe
Shopify Partner
10043 2388 3016

Hi @Master5723 

As far as I know shopify have limitation to edits the payment button, it may depends on the themes or in the Shopify plan that you have. We may change in inspect tools, you can add in the code files but it wont change.

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
TheRibbony
Tourist
5 0 0

Hello Made4uo, 

 

I also want to change the buy button (buy with shop pay) to original theme (buy it now). 

 

From this, 

Screenshot 2024-06-05 at 7.34.25 PM.png

 

to this, 

 

Screenshot 2024-06-05 at 7.35.34 PM.png

 

Please assist me to change it.