How to change the colour of shopify-payment button, font face, font colour in motion theme

Topic summary

A user seeks to customize the Shopify payment button in the Motion theme, specifically wanting to change its color (currently purple), font face, and font color.

Proposed Solution:

  • PageFly support provided CSS code to be added to theme.liquid above the tag
  • Instructions included: Navigate to Online Stores > Themes > Edit code > theme.liquid

Current Status:

  • The suggested code did not resolve the issue; button remains purple
  • PageFly clarified their code only works for unbranded buy buttons
  • The user’s button appears to be a branded Shopify payment button, which cannot be customized through standard CSS methods

Key Limitation: Branded Shopify payment buttons have restricted customization options and may require alternative approaches or theme-level modifications.

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

Hi, i would like to change the colour of shopify-payment button, font face, font colour in motion theme. It is currently in purple. can i know how i can do it?

www.bareskinelements.com.sg

Hi @Serene_Teo1

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Just for unbranded button

Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi Richard, it doesnt help. The button still in purple. :disappointed_face:

Hi @Serene_Teo1 as i have mentioned, the code only for unbranded buy now

your button is for Shoppay brand enabled, which cannot be customize