Center Image in Footer?

Highlighted
New Member
3 0 0

Hello lovely folks, 

 

I'm trying to center this image (see attached) I've placed in my footer. I feel like I'm going insane for not being able to figure this out.

Working in footer.liquid. Here's the code I have currently: 

<style>
.footer-image {
max-width: 200px;
padding-top: 30px !important;
display: block;
text-align: center;
}

...

<div class="footer-image">
<img src="{{ ' 4Knines_Logo_Dog.png' | asset_url }}">
</div>

 

 Screen Shot 2020-08-27 at 11.54.10 AM.pngScreen Shot 2020-08-27 at 11.54.35 AM.png

0 Likes
Highlighted
Shopify Expert
3694 550 894

For mobile view? send me store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
3 0 0

Both! Here ya go: https://4knines.com/

0 Likes
Highlighted
Shopify Expert
3694 550 894

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.footer-image{    margin: 0 auto;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
3 0 0

That worked! Thank you! 

0 Likes