Change The Text On The Shop Pay Checkout Page?

Store Design

Topic summary

A user is attempting to customize the Shop Pay checkout page by changing “Ship to” text to “Bill to” but the modification isn’t working, despite previously succeeding with a similar change (“Shipping” to “Handling Fee”).

Current approach:

  • Adding CSS code to theme.liquid that hides the original span element and uses :after pseudo-element to display replacement text
  • Code targets specific CSS classes: _19gi7yt0._19gi7ytg._1fragem1q._19gi7yt9

Troubleshooting attempts:

  • Added !important declarations to CSS properties
  • Tested in incognito mode and on different devices to rule out browser caching
  • Verified the code structure matches their previous successful implementation

Current status:
The text refuses to change despite multiple attempts. The user questions whether the left side of the Shop Pay screen might be hardcoded and unchangeable, or if there’s an error in their implementation. The issue remains unresolved with no responses yet.

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

I’m trying to change the text “Ship to” on the Shop Pay checkout page to “Bill to”

I’ve previously changed the text “Shipping” to “Handling Fee” on the same page using similar code. But I can’t get it to work this time.

shoppayshipto.jpg
shoppayshipto.jpg605×540 23.7 KB

I have the following code added to theme.liquid:

<style>
span._19gi7yt0._19gi7ytg._1fragem1q._19gi7yt9 {
    visibility: hidden;
    position: relative;
}

span._19gi7yt0._19gi7ytg._1fragem1q._19gi7yt9:after {
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    content: "Bill to" !important;
    white-space: nowrap !important;
}
</style>

This is directly underneath the code I wrote to change Shipping to Handling Fee.

The text refuses to change. I’ve tried it in incognito mode and on another PC in case it was a browser caching issue. I even added “!important” as a last attempt, but the text still won’t change. Have I made an error somewhere, or is the left side of the Shop Pay screen hard coded to not be changed?

Store URL: https://western-perennials.myshopify.com/