How can I apply 'Use outline button style' to cart page buttons?

Topic summary

Issue: The cart page’s bottom button isn’t adopting the theme’s “Use outline button style,” leaving it yellow with no visible setting to change it.

Actions taken:

  • Store link was shared for review. A CSS fix was suggested targeting the cart footer submit button by section ID to make it transparent, add a 1px border, and remove box shadows (::before/::after).
  • When that didn’t change the yellow button, another CSS rule was proposed for .shopify-payment-button__button–unbranded with background-color: transparent !important; and black text, plus a request for the exact button location/class if still failing.

Current status: The change appears in the theme editor/preview but remains yellow on the live site, as shown in screenshots. The helper awaits the exact live button selector (class/markup) to refine the CSS.

Notes:

  • “Use outline button style” is a theme setting to render an outlined (transparent) button. The proposed fixes rely on CSS overrides, including !important, and specific selectors (section ID and Shopify payment button class).
  • Screenshots are central to illustrate the preview vs live mismatch.

Outcome: No resolution yet; the thread is open pending the live button’s exact selector or further details.

Summarized with AI on January 9. AI used: gpt-5.

my store url

https://26e068.myshopify.com/