Problem with Dawn 15.2.0 Product Page & CSS Theme Editor View

Technical Q&A
,

Topic summary

Mismatch between live product page and Theme Editor (Dawn 15.2.0): the live product page shows the Shop Pay accelerated checkout button and a “More payment options” link, while the Theme Editor preview no longer shows either (change noticed between 11/2–11/4).

Recent change observed: custom CSS that previously increased the “More payment options” text to 18px using #more-payment-options-link stopped working a few days ago. Inspecting the current markup shows the element renders as a button with classes (e.g., shopify-payment-button__more-options) rather than the ID previously targeted, so the existing selector no longer matches.

Key questions raised:

  • Is styling the “More payment options” element tied to (dependent on) the Shop Pay button’s presence?
  • How to reliably set the font size to 18px given the discrepancy between Theme Editor and production views?

Evidence: side-by-side screenshots of live vs. editor views are provided and central to understanding the missing elements.

Status: no confirmed cause or fix provided yet; issue remains open with unresolved editor/production mismatch and selector changes.

Summarized with AI on December 15. AI used: gpt-5.
1

Hello All,

This happened between 11/2-11/4, the product page checkout section in my theme editor does not match the production product page checkout section. Specifically, the ShopPay button and the more payment options link do not appear in my theme editor. On my live product page, the ShopPay button and more payment option links are present.

Here is the production product page view.

vmi1816_4-1730906778531.png
vmi1816_4-1730906778531.png395×380 13.7 KB

Below is an image of the Theme editor product page view. The more payment options link is missing and the ShopPay button is missing.

vmi1816_2-1730905911232.png
vmi1816_2-1730905911232.png404×390 13.9 KB

For the past two weeks, I had no issues with the following CSS code that was added to the Custom CSS section of the product page via the theme editor. I wanted to increase the font size of the more payment options link to 18px. The CSS code worked fine until a few days ago.

#more-payment-options-link {
font-size: 18px;
}

Since the Theme editor view does not show the more payment options link, I am not able to update the custom CSS code via the Theme editor.

I did not make any changes to checkout. Nor did I update the CSS the past week. Also, now when I inspect the more payment opinions link Here is the code:

More payment options

Questions:

Does the above CSS tie the more payment options link to the ShopPay button?

Given the fact the product page theme editor view and product page production view de do not match, how can change the more payment option font size to 18px?

Many thanks and I hope my description is clear.