How to change the text color of the final "Complete Order"/"Pay Now" Button? Shrine Pro Theme

Topic summary

A user is attempting to change the text color of the “Complete Order” button on their Shopify checkout page using the Shrine Pro theme.

Initial Problem:

  • The button text color cannot be easily modified through standard customization options
  • Two users initially confirmed that checkout pages are not available for editing via custom code or theme customization settings

Proposed Solution:

  • A third-party app representative (PageFly) provided CSS code to be inserted in the theme.liquid file, specifically targeting checkout pages using conditional logic
  • The code was meant to be placed above the </head> tag

Current Status:

  • The proposed solution failed and caused display issues in the header (visible in screenshot)
  • The problem remains unresolved
  • The user expressed frustration with the initial responses that simply stated the limitation without offering solutions
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Cannot for the life of me figure out how to change the “Complete Order” Text color

1 Like

@anniekann - can you please share this page link?

lovevalora.store

@anniekann this is a checkout page which is not available to edit via custom code, please open this page in customize settings and check if you have any settings for customization

Hi @anniekann

The checkout button can not be edited

I hope this helps

Best,

Daisy

It doesn’t actually help in the slightest. Thanks!

This is Richard from PageFly - Shopify Page Builder App

Hi @anniekann Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

{%- if 'checkouts' in request.path -%}
 
{%- endif -%}

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

It didnt work, and resulted in this in the header