How to Customize PayPal Credit and Debit Card Icons on the WooCommerce Checkout Page

PayPal Express Checkout Payment gateway plugin displays PayPal credit/debit card checkout options at the checkout page as shown below:

If you wish to remove or edit the Credit/Debit card images embedded with the checkout option, you can follow the given methods.

To remove or hide the debit/credit card icons:

1. From your WordPress dashboard, go to Appearance > Theme editor.
2. Then, add the code snippet below at the bottom end of functions.php of the active theme file.
3. Alternatively, if you can’t locate the functions.php file, use a third-party code snippet plugin to add the code. To learn more about using a third-party plugin for snippet addition, check out the following article: Adding Custom Codes with a Third-Party Plugin.

Adding the above code snippet will remove the credit/debit card icons from the checkout page as shown below:

To change the debit/credit card icons:

• From your WordPress dashboard, go to Appearance > Theme editor.
• Then, add the code snippet below at the bottom end of functions.php of the active theme file.
• Alternatively, if you can’t locate the functions.php file, use a third-party code snippet plugin to add the code. To learn more about using a third-party plugin for snippet addition, check out the following article: Adding Custom Codes with a Third-Party Plugin.

Adding the above code snippet will replace the credit/debit card icons with another image, as shown below.

However, if you wish to add an image of your choice, simply replace the URL within the code snippet with the image’s URL to display. For example, $icon_url=’ //insert image URL here’;

You can learn more about the plugin by viewing this short set-up tutorial on the PayPal Express Checkout payment gateway.