How can I modify my website's footer section?

[james_chan]

Hi, I’d like to add a section like image shown down below. The current version of my shop has too small icon display which hardly to see it.

Example:

My shop:

Thanks in advance.

[saim007]

Hi @james_chan You can just copy and paste below CSS code in theme.liquid file above the tag to show icons as per your reference image -

    

Payment Methods

    
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    

If you have existing code then just increase the height of the icon to show bigger icon.

Please let me know if works and please like mark as solve!

[james_chan]

Hi @saim007 Can you show me where to add the code? I’m not sure if the payment icon section is there

[saim007]

@james_chan Just paste the code in theme.liquid file above the tag.

1. Go to Online Store

2. Edit Code

3. Find for theme.liquid file and find for tag just paste the code above

That’s it!

[irene-vintage]

Hello @james_chan ,

To change the size of icon images in the footer section of your Shopify website, you will need to modify the CSS code of your theme. Here’s how:

• Go to Online Store → Theme → Actions → Edit code

• Go to Assets folder → base.css file → find the code include “footer-section”
• Replace with this code:

.footer-icon {
  width: 40px;
  height: 40px;
}

Note that you can change the height and width as you want.

• Save and preview.

Hope this can help you out.

Ali Reviews team.

[james_chan]

It works, but works in another way. Could you help me to find where is my previous payment image section? So I can try to change its width to make a difference?

[saim007]

@james_chan It will be in footer.liquid file. just find for "payment" word you will find the code.