If you'd like to change the logo of a payment method that is displayed in checkout where the user is able to select a payment option for their payment, you can do so in the Checkout style template.
Below are sample codes for the most common payment methods.
Credit Card
.payment-options .button.pay.credit {
background-image: url("URL of the image");
}
PayPal
.payment-options .button.pay.paypalbt {
background-image: url("URL of the image");
}
GoCardless
.payment-options .button.pay.gocardlessdd {
background-image: url("URL of the image");
}
PayU India CC
.payment-method-logo.pay_u_india_cc {
background-image: url("URL of the image");
}
PayU India CC (new integration Version 2)
.payment-method-logo.pay_u_india_cc_v2 {
background-image: url("URL of the image");
}
NetBanking
.payment-method-logo.pay_u_india_nb {
background-image: url("URL of the image");
}
UPI
.payment-method-logo.pay_u_india_upi {
background-image: url("URL of the image");
}
Stripe Elements
.payment-method-logo.stripe_elements {
background-image: url("URL of the image");
}