How Do I Get Rid Of The "More payment options" Text?

Store Design
, ,

Topic summary

A user wants to remove the “More payment options” text that appears below the add to cart button on their product page, preferring to show only payment icons.

Multiple solutions provided:

  • CSS customization approach: All responders suggest hiding the text using CSS code
  • Implementation methods vary:
    • Add code to theme.liquid file before </head> tag
    • Insert code in main.css/base.css file at the bottom
    • Use Theme settings > Custom CSS section (easiest method)

Code snippets offered:

  • Target either .shopify-payment-button__more-options class or #more-payment-options-link ID
  • All use display: none to hide the element

Status: The original poster confirmed one solution worked by thanking a responder. The discussion appears resolved, with the user successfully removing the unwanted text through CSS customization.

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

Hey, underneath the add to cart section on my product page I would like to get rid of the text that says “More payment options” and instead of the icons up. How do I do this? Thank you!

https://charmente.com/products/vaginal-probiotics-capsules

Screenshot 2025-01-20 at 8.50.29 PM.png
Screenshot 2025-01-20 at 8.50.29 PM.png586×224 7.81 KB

2

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Result:

AnneLuo_0-1737424713516.png
AnneLuo_0-1737424713516.png593×433 11.9 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

3

Hello there Simon @Simon159 You should try this process out

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.shopify-payment-button .shopify-payment-button__more-options {
    display: none;
}

Let me know if this helps remove the text for you.

4

Hi @Simon159 ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

a#more-payment-options-link {
    display: none !important;
}

Here is the result:

DaisyVo_0-1737425133889.png
DaisyVo_0-1737425133889.png1082×621 95.1 KB

Please let me know if it works!

Best,

Daisy

5

Thank you!

6

Hi Simon159

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
a#more-payment-options-link {
    display: none !important;
}

Best,
Esther