How to replace the default Instagram logo in Studio v13.0.0 theme?

LisaWommack
Excursionist
34 2 23

Hello,

Can anyone tell me how to replace the default black-and-white icon with another one and add a heading like "Follow me on Instagram" in the in Studio v13.0.0 theme? Here is what I've done so far:

*I have the icon image I want and have added it to Assets

*I tried adding this to footer.liquid (updated with my instagram info, of course) per one suggestion but it produces errors and I can't save: 

<div class="social-media-icons">
<a href="https://www.instagram.com/your-instagram-page" target="_blank"><i class="fab fa-instagram"></i></a>
</div>

*I have also added it into the Brand Information section and made that visible in my footer

The problem is that the default icon is clickable but the new icon is not and I don't want both of them. How can I either 1) replace the default icon with the new one or 2) make the new icon displayed in the Brand Information section clickable? 

Here is a screenshot:

Screenshot Instagram Icon 2024-02-24 102849.png

Replies 0 (0)