Dynamic Checkout buttons rounded corners?

Topic summary

A Shopify Plus merchant using Dawn 2.0 theme seeks to add rounded corners to Dynamic Checkout Buttons (Apple Pay, Google Pay, Shop Pay, PayPal) specifically on the checkout page.

Current situation:

  • User successfully applied rounded corners to cart page buttons using existing community code
  • Cannot find solution for checkout page implementation
  • Has access to checkout.liquid file

Attempted solution:
PageFly support suggested:

  1. Navigate to Online Store → Themes → Edit code
  2. Open theme.liquid file
  3. Add CSS code before </body> tag

Outcome:
The proposed CSS solution did not work—checkout buttons remain unchanged. The support representative later indicated the problem may have been resolved, though the specific working solution was not detailed in the conversation.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Hi everyone,

I’m on Dawn 2.0 theme and Shopify Plus (have access to checkout.liquid) in case that’s relevant. I would like the Dynamic Checkout Buttons (ApplePay, GooglePay, ShopPay and PayPal) in CHECKOUT to have rounded edges (px20). I already found a code here in the community on how to do that in the cart and it worked, but I couldn’t find any information on how to do it in the checkout itself.

Does anyone know please?

Thanks in advance.

Kind regards

Hi @User823947 ,

This is Kate from PageFly - Landing page builder

Please share your store URL and if your store is password protected then please provide password too. So that we can help you.

Thank you.

Hi @User823947

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1: Go to Online Store → Theme → Edit code.

Step 2: Open your theme.liquid theme file.

Step 3: Paste the below code before :


1 Like

Thanks. But this didn’t work, dynamic checkout buttons in checkout are still the same.

Hi @User823947 ,

Sorry for the late reply. I see your problem has been solved. I’d be happy if you want any help