Add payment icons under the "Buy Now" Button?

bluecat1
Tourist
5 0 3

Hello,

I'd like to add the payment icons under my "Buy Now" Button. I managed to add the code in product-template.liquid and the icons are displayed. But I have too much white space between the button and the icons. How can I edit this?

I'm using the Venture 12.0.1  theme.

 

shopify-theme.JPG

 

This is how I insert the code:

            {% if section.settings.enable_payment_button %}
              {{ form | payment_button }}    
<div style="text-align: center; ">
<style>
  .methods-of-payment img { padding: 0.2em; }
  .lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
  <img src="{{ 'paypal' | payment_type_img_url }}" height="29" alt="paypal" />
  <img src="{{ 'apple_pay' | payment_type_img_url }}" height="29" alt="apple pay" />
  <img src="{{ 'google_pay' | payment_type_img_url }}" height="29" alt="google_pay" />
  <img src="{{ 'visa' | payment_type_img_url }}" height="29" alt="visa" />
  <img src="{{ 'master' | payment_type_img_url }}" height="29" alt="master" />
  <img src="{{ 'maestro' | payment_type_img_url }}" height="29" alt="maestro" />
  <img src="{{ 'american_express' | payment_type_img_url }}" height="29" alt="american express" />
  <img src="{{ 'klarna-pay-later' | payment_type_img_url }}" height="29" alt="klarna-pay-later" />
  <img src="{{ 'sofort' | payment_type_img_url }}" height="29" alt="sofort" />
</span>
</div>

 

I appreciate any help!

Thank you

 

 

0 Likes
paramSoft
Shopify Partner
1592 254 711

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes