PayPal card icon blurry
-
Hi,
The PayPal card icon in checkout is very blurry. Is there a way to fix that?
Snapshot: https://ibb.co/G96Xm2V
Thanks
-
Hey there!
Could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status.
Select “Get system report” and then “Copy for support”. Once you’ve done that, paste it here in your response.### WordPress Environment ### WordPress address (URL): https://mydreamtattoo.com Site address (URL): https://mydreamtattoo.com WC Version: 4.4.1 REST API Version: ✔ 1.0.15 WC Blocks Version: ✔ 3.3.0 Action Scheduler Version: ✔ 3.1.6 WC Admin Version: ✔ 1.4.0 Log Directory Writable: ✔ WP Version: 5.5.1 WP Multisite: – WP Memory Limit: 768 MB WP Debug Mode: – WP Cron: ✔ Language: en_US External object cache: – ### Server Environment ### Server Info: Apache PHP Version: 7.3.20 PHP Post Max Size: 128 MB PHP Time Limit: 120 PHP Max Input Vars: 3000 cURL Version: 7.66.0 OpenSSL/1.1.1g-fips SUHOSIN Installed: – MySQL Version: 5.7.26-29-log Max Upload Size: 128 MB Default Timezone is UTC: ✔ fsockopen/cURL: ✔ SoapClient: ✔ DOMDocument: ✔ GZip: ✔ Multibyte String: ✔ Remote Post: ✔ Remote Get: ✔ ### Database ### WC Database Version: 4.4.1 WC Database Prefix: sbj_ Total Database Size: 26.56MB Database Data Size: 24.04MB Database Index Size: 2.52MB sbj_woocommerce_sessions: Data: 0.09MB + Index: 0.02MB + Engine InnoDB sbj_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB sbj_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB sbj_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_actionscheduler_actions: Data: 0.03MB + Index: 0.11MB + Engine InnoDB sbj_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_cartflows_ca_cart_abandonment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_cartflows_ca_email_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_cartflows_ca_email_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_cartflows_ca_email_templates_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB sbj_evf_entries: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_evf_entrymeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_evf_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_formmaker: Data: 0.06MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_backup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_blocked: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_display_options: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_formmaker_groups: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_query: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_sessions: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_submits: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_themes: Data: 0.14MB + Index: 0.00MB + Engine InnoDB sbj_formmaker_views: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_frmt_form_entry: Data: 0.02MB + Index: 0.05MB + Engine InnoDB sbj_frmt_form_entry_meta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB sbj_frmt_form_views: Data: 0.02MB + Index: 0.06MB + Engine InnoDB sbj_frm_fields: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_frm_forms: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_frm_items: Data: 0.02MB + Index: 0.08MB + Engine InnoDB sbj_frm_item_metas: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_hustle_entries: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_hustle_entries_meta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB sbj_hustle_modules: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_hustle_modules_meta: Data: 0.09MB + Index: 0.03MB + Engine InnoDB sbj_hustle_tracking: Data: 0.02MB + Index: 0.08MB + Engine InnoDB sbj_imagify_files: Data: 0.02MB + Index: 0.08MB + Engine InnoDB sbj_imagify_folders: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_ms_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_actions: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_action_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_chunks: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_fields: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_field_meta: Data: 0.05MB + Index: 0.00MB + Engine InnoDB sbj_nf3_forms: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_form_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_objects: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_object_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_relationships: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_nf3_upgrades: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_options: Data: 4.02MB + Index: 0.09MB + Engine InnoDB sbj_postmeta: Data: 15.42MB + Index: 0.31MB + Engine InnoDB sbj_posts: Data: 2.50MB + Index: 0.06MB + Engine InnoDB sbj_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_usermeta: Data: 0.08MB + Index: 0.03MB + Engine InnoDB sbj_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB sbj_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB sbj_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB sbj_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB sbj_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB sbj_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB sbj_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB sbj_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB ### Post Type Counts ### attachment: 75 cartflows_flow: 2 cartflows_step: 5 custom_css: 1 customize_changeset: 65 elementor_library: 1 everest_form: 2 fmemailverification: 1 form-maker: 1 forminator_forms: 2 frm_form_actions: 2 frm_styles: 1 nav_menu_item: 10 oceanwp_library: 2 page: 10 post: 1 product: 5 revision: 377 sa_slider: 1 shop_order: 7 shop_order_refund: 1 wpforms: 2 ### Security ### Secure connection (HTTPS): ✔ Hide errors from visitors: ✔ ### Active Plugins (14) ### Code Snippets: by Code Snippets Pro – 2.14.0 Coming Soon Page, Under Construction & Maintenance Mode by SeedProd: by SeedProd – 5.1.3 Disable cart page for WooCommerce: by Code4Life – 1.2.4 – Installed version not tested with active version of WooCommerce 4.4.1 Elementor: by Elementor.com – 3.0.5 Essential Addons for Elementor: by WPDeveloper – 4.2.2 Forminator: by WPMU DEV – 1.13.5 Imagify: by WP Media – 1.9.10 Ocean Extra: by OceanWP – 1.6.5 Sticky Header OceanWP: by Oren Hahiashvili – 1.0.5 Checkout Field Editor for WooCommerce: by ThemeHigh – 1.4.3 – Installed version not tested with active version of WooCommerce 4.4.1 WooCommerce Blocks: by Automattic – 3.3.0 WooCommerce PayPal Checkout Gateway: by WooCommerce – 2.0.3 – Installed version not tested with active version of WooCommerce 4.4.1 WooCommerce Stripe Gateway: by WooCommerce – 4.5.2 – Installed version not tested with active version of WooCommerce 4.4.1 WooCommerce: by Automattic – 4.4.1 ### Inactive Plugins (2) ### Nav Menu Roles: by Kathy Darling – 2.0.0 SG Optimizer: by SiteGround – 5.6.5 ### Settings ### API Enabled: – Force SSL: – Currency: USD ($) Currency Position: left Thousand Separator: . Decimal Separator: , Number of Decimals: 2 Taxonomies: Product Types: external (external) grouped (grouped) simple (simple) variable (variable) Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog) exclude-from-search (exclude-from-search) featured (featured) outofstock (outofstock) rated-1 (rated-1) rated-2 (rated-2) rated-3 (rated-3) rated-4 (rated-4) rated-5 (rated-5) Connected to WooCommerce.com: – ### WC Pages ### Shop base: ❌ Page not set Cart: #17 - /cart/ Checkout: #18 - /checkout/ My account: ❌ Page not set Terms and conditions: ❌ Page not set ### Theme ### Name: OceanWP Version: 1.8.7 Author URL: https://oceanwp.org/about-me/ Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme WooCommerce Support: ✔ ### Templates ### Overrides: oceanwp/woocommerce/cart/mini-cart.php oceanwp/woocommerce/content-single-product.php oceanwp/woocommerce/loop/loop-start.php oceanwp/woocommerce/single-product/title.php ### Action Scheduler ### Complete: 51 Oldest: 2020-08-16 10:05:30 +0000 Newest: 2020-09-01 20:45:48 +0000 Pending: 1 Oldest: 2020-09-02 20:45:48 +0000 Newest: 2020-09-02 20:45:48 +0000Hey there!
Thanks for that. I am seeing a slightly different icon from your screenshot: https://snipboard.io/VoEmAI.jpg
What I am seeing looks clear to me, are you still seeing the same icon as in the screenshot you originally posted?
Hi @fevered,
Yes I still see a blurry PayPal icon: https://ibb.co/ZgwnzKh
If you compare it with Stripe’s payment icon’s, you can clearly see a difference.
I’ve noticed that Stipe’s payment icons are SVG files. Where as PayPal’s icon is a PNG file. Maybe that’s the issue? Is there a way to replace the PNG PayPal icon with an SVG one?
Thanks
Hey there,
Thanks for the clarification there! You could certainly replace the icon with an SVG version – I don’t have access to a SVG version myself, but that may be something you could get from PayPal directly
Hi,
Could you give me the code for replacing the payment icons?
Thanks
Hey there!
This is a fairly complex development topic. I don’t have code for this, so I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.
I can also recommend the WooCommerce Developer Resources Portal for resources on developing for WooCommerce.
You can also visit the WooCommerce Facebook group or the
#developerschannel of the WooCommerce Community Slack. We’re lucky to have a great community of open-source developers for WooCommerce, and many of our developers hang out there, as well.Hey there, since I haven’t heard back from you in awhile and no one has offered any code, I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.
The below should work for swapping out the image…
add_filter('woocommerce_gateway_icon', 'mk_change_gateway_icon', 10, 2); function mk_change_gateway_icon($icon, $gateway_id) { if ('ppec_paypal' == $gateway_id) { return '<img src="https://www.paypalobjects.com/webstatic/en_US/i/buttons/cc-badges-ppppcmcvdam.png" alt="PayPal Acceptance Mark">'; } }Just needs to go in your functions.php. The image here is the one I prefer but you should be able to use whatever
Hi @benmcd0nald,
This snippet completely removed the payment icons for both PayPal and Stripe.
hmm. I’m only using a single gateway at the moment so you’ll probably need something a little different.
Take a look at the stackoverflow page for the source code I modified…hopefully it’ll get you close to your answer
The topic ‘PayPal card icon blurry’ is closed to new replies.