How can I remove the 'More Payments Option' from a Dawn theme product page?

Topic summary

Removing the “More payment options” link on Shopify Dawn product pages.

  • Proposed fix: Add a CSS rule to hide the element by editing Online Store → Theme → Edit code → Assets and appending to base.css (or theme.css/common.css if base.css isn’t present): target .shopify-payment-button .shopify-payment-button__more-options and set display: none.
  • Result: Original poster confirmed the CSS in base.css worked.

Latest update:

  • A user on Dawn 12.0 reports the CSS change in base.css did not remove the link across product pages.
  • Helper response: Asked for the store URL, noting newer theme versions may use different class names; will check and provide a version-specific solution after review.

Status:

  • Resolved for the original setup where base.css is used.
  • Open for Dawn 12.0; pending store URL and verification of the correct selectors in that version.
Summarized with AI on January 12. AI used: gpt-5.

Dear Technical Team,

How to remove the “More Payments Option” in the product page ?

Note: I am using the Dawn Theme

Thank you

Hello,

Welcome to the Shopify community!

Please try this -

  1. Go to Online Store → Theme → Edit code
  2. Asset->/base.css->paste below code at the bottom of the file. [Check for any other css file if you can’t find this one ‘base.css’ may be ‘theme.css’ or ‘common.css’]
.shopify-payment-button .shopify-payment-button__more-options {
display: none;
}

Hope this will work for you.

Thank you

Thank you…it worked on base.css

Hello, I tried this but didnt work, I am using the newest Dawn 12.0 theme. Is there a different code or place to put this code? I did find the bass.css and pasted the code you provided at the bottom but the “more payment options” is still showing on all of my product pages.

Hello @Bruce_Nolan1 ,

May I please have store url? There might be different class names used. I need to check theme and will send you solution.