Remove paypal icon from payment icons?

Store Design
,
1

Hi,

I don’t offer paypal on my store so I want to get rid of the payment icon.

Screenshot 2025-03-11 at 11.04.33 pm.png
Screenshot 2025-03-11 at 11.04.33 pm.png846×1076 65 KB

URL: https://driftnoosa.com/

Thank you

2 Likes
2

Hello @ultimatebeanzmo

To remove the PayPal icon from the payment methods section in your Shopify store, follow these steps:

Method 1: Remove PayPal from Theme Code

1.Go to Shopify Admin > Online Store > Themes.

2.Find your Nordic theme and click Edit Code.

3.Look for a file named footer.liquid (or similar, depending on the theme).

4.Search for the section that includes the payment icons. It may look something like this:

{{ shop.enabled_payment_types | default: payment_icons }}

5 .If your theme manually includes PayPal, you may see something like:

Remove or comment out the PayPal icon.

  1. If the payment icons are dynamically generated, you may need to filter out PayPal by modifying the Liquid code:
{%- for type in shop.enabled_payment_types -%}
    {%- unless type == 'paypal' -%}
        
    {%- endunless -%}
{%- endfor -%}
  1. Click Save and check your store.

Method 2: Hide PayPal Icon Using CSS (Quick Fix)
If you don’t want to edit the Liquid code, you can use CSS:

  1. In Shopify Admin > Online Store > Themes, click Customize.

  2. Go to Theme Settings > Custom CSS (if available) or Edit Code and open base.css or theme.css.

  3. Add the following CSS:

img[src*="paypal"] {
    display: none !important;
}
  1. Save the changes and check your store.

Thank you :blush:

3

Hi @ultimatebeanzmo

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
li.icon--payment svg[aria-labelledby="pi-paypal"] {
    display: none;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

Thank you bro