Replace social media icon

[seantay1993]

Is there a way I could replace the Tumblr icon in the footer with Google icon ( <i class="fa-brands fa-goggle"></i>)?

[suyash1]

@seantay1993 - you can if you edit footer.liquid file and you have tumblr icon code there

[seantay1993]

I try replacing it but it doesn't take effect to my website.

        {%- if settings.share_tumblr -%}
        <a data-no-instant rel="noopener noreferrer nofollow" data-content="http:{{permaImage}}" href="//tumblr.com/widgets/share/tool?canonicalUrl={{ permalinkURL }}" target="{{target}}" class="tumblr cb {{class_tooltip}}">
          <span class="tt_txt"></span>
          <i class="fa-brands fa-goggle"></i>
        </a>

[suyash1]

@seantay1993 - I checked code on browser, it still has tumbler code only and not google

[seantay1993]

Could you assist me on how to locate the code to replace?

[Ujjaval · Accepted solution]

@seantay1993 add below jquery code into theme.liquid file before closing </body> tag

<script>
$('a.tumblr.cb.ttip_nt.tooltip_top').html("<i class='fa-brands fa-goggle'>G</i>");
</script>

[seantay1993]

Thank you!