Prestige Theme - Footer customization

Highlighted
New Member
1 0 0

I am looking to customize the footer for our website (www.solare-shop.com).

 

I want to add a clickable image - I found this code:

            <div class="grid-item one-tenth text-left"  style="margin-left: -40px">
<a href="https://instagram.com/solare_shop"><img src="https://cdn.shopify.com/s/files/1/2501/0600/files/hive-IG.png?v=1582060232" alt="solare instagram" /><a>
</div>

and inserted into footer.liquid, but no matter how I edit the "grid-item", the size of the image stays the same? I need the image to appear smaller.

 

Secondly, I'd like to adjust spacing between elements in the footer. There is a lot of space between each element currently - making it expand larger than I'd like. 

 

Thanks!

0 Likes
Highlighted
Shopify Expert
227 27 33

you will have to add widht and height to your img tag, i.e.:

 

<img src="https://cdn.shopify.com/s/files/1/2501/0600/files/hive-IG.png?v=1582060232" alt="solare instagram"  height="100" width="100"/>

 

To change the style of the footer, you will have to check on your css for the class "Footer__Block" and change the margins as you want the elements to appear.

 

If you want we could have a deeper look for you. Just write us at info@webmefy.com and we would love to help you.

We help you achieve your Goals! Visit us on: Webmefy.com
0 Likes
Highlighted
Shopify Expert
1381 111 200

if you face any issue feel free to reach out

0 Likes