Web Development & WordPress

Show payment gateway logo in your website

If you want to show apple, gpay, paypal, venmo, discover, afterpay ,visa ,mastercard, american express, payment gateway logo in your website , then you can use my provided html and css code to show them like this ( screenshot below) . Code is provided below.

 
 
<style>
.paymentGatewayLogo img {
    margin-right: 11px !important;
    width: 68px;
    height: 100% !important;
}
 .paymentGatewayLogo {
    display: flex;
    justify-content: center;
}
	.our-payment-gateway {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
</style>
 
<div class="paymentGatewayLogo">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/apple-pay-logo.png" class="left">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/google_pay_logo.png" class="right" style="margin-top: 0px;">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/download.png" class="left" style="margin-top: 8px;">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/venmo-payment-gateway.png" style="margin-top: 11px;" class="right">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/discover-logo1.png" class="left" style="margin-top: 11px;">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/afterpay_logo1.png" style="margin-top: 11px;" class="right">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/visa-logo-500.png" class="left" style="margin-top: 6px;">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/master-card1.png" style="margin-top: 0px;" class="right">
<img src="https://allaboutbasic.com/wp-content/uploads/2023/05/american-express.jpg" style="margin-top: 0px;" class="right">
</div>
 
 

Leave a comment