How can I center an image in the footer section?

Technical Q&A
1

Hi! I uploaded an image and placed it in the footer section by editing the footer.liquid. How can I center the image?

Thank you!

2

@Sewterrific ,

Share the store URL.

3

Hi @Sewterrific ,

Please send your site and if your site is password protected, please send me the password. I will check it.

4

@Sewterrific

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hi @infoatcodelab7 !

Website is https://www.sewterrific.net/. This is the code I placed in the footer section -


I’m hoping to move the “Paymongo” logo to the center of the footer (please see image).

Screen Shot 2022-02-23 at 5.30.49 PM.png
Screen Shot 2022-02-23 at 5.30.49 PM.png1728Ă—586 38.7 KB

6

@Sewterrific ,

Please add this CSS in your css file

footer.site-footer.small--text-center img{
    display: block;
    margin: auto;
}

Thank You!

2 Likes
7

Hi @Sewterrific ,

Please change code:


![PayMongo_Badge-PNG.png?v=1645462937|860x225](upload://pRKKiCgksF93UUqUO9TQOCP11Rx.png)

Hope it helps!

1 Like
8

This works too! Thanks so much!!!

9

This works too when I added it! Thanks so much!!!