remove payfast logo on checkout page

Hi,

To remove the PayFast logo next to the text and replace it with your desired text (“Online Payments”), you’ll likely need to modify the code of your WooCommerce templates. Here’s a general guide on how to achieve this:

1. Child Theme Setup (Recommended):
   It’s a good practice to make customizations using a child theme to avoid losing your changes when the parent theme updates. If you’re not already using a child theme, set one up.
2. Locate the Template File:
   Find the template file responsible for displaying the payment options during checkout. This might be in your theme’s WooCommerce folder or within the WooCommerce plugin itself. A common location could be wp-content/themes/your-child-theme/woocommerce/checkout/payment-method.php or something similar.
3. Edit the Template File:
   Open the identified template file in a code editor. Look for the code responsible for displaying the PayFast logo and text. It might look something like:

   <li class="payment_method_payfast">
       <input id="payment_method_payfast" type="radio" class="input-radio" name="payment_method" value="payfast">
       <label for="payment_method_payfast">
           <img src="payfast-logo.png" alt="PayFast">
           <?php esc_html_e( 'PayFast', 'woocommerce' ); ?>
       </label>
   </li>

4. Modify the Code:
   To remove the logo and replace it with your desired text (“Online Payments”), you can remove the <img> tag and change the label text:

   <li class="payment_method_payfast">
       <input id="payment_method_payfast" type="radio" class="input-radio" name="payment_method" value="payfast">
       <label for="payment_method_payfast">
           <?php esc_html_e( 'Online Payments', 'woocommerce' ); ?>
       </label>
   </li>

5. Save and Test:
   Save the changes to the template file. Then, test the checkout process to ensure that the changes are reflecting as expected.

Remember that the actual code structure might vary based on your theme and WooCommerce version. If you’re not comfortable editing code directly, it’s advisable to seek assistance from a developer or someone familiar with WooCommerce customization to ensure everything is done correctly.

Lastly, always keep backups of your website files and database before making any changes to your code, just in case anything goes wrong during the customization process.

You could try some custom css:

label[for="payment_method_payfast"] img {
  display: none;
}

It’s been a while since you responded, so I’m marking this as resolved – we’ll be here if/when you need us.