How do I add horizontal credit card icons to footer in custom theme?

Highlighted
New Member
1 0 0

Hello -

I am trying to add credit card icons to the footer of my site. I have the code and am injecting it into the footer, but it is rendering vertically. How do I edit the following code so that it renders horizontally in the footer? thanks!

 

<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="{{ 'apple_pay' | payment_type_img_url }}" height="35" alt="apple pay" />
<img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
<img src="{{ 'discover' | payment_type_img_url }}" height="35" alt="discover" />
<img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" />
<img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
</span>

0 Likes