Edge Theme: Add Instagram link & remove RSS link

Themes
1

I have two Edge theme questions:

  1. How do you add an Instagram link on the header?
    Under Settings > General, I see I can link Facebook and Twitter accounts, but there’s no Instagram.

  2. Similarly, how do I remove the RSS link, next to the Facebook and Twitter links on top?

Thanks!

2

You could do it two ways:

  1. Update the theme,specifically partials/header.hbs file.
  • Insert Instagram link after Twitter section - with your correct Instagram page link and select an appropriate color in the style
                <a class="social-item social-item-instagram"
                    href="https://instagram.com/"
                    target="_blank" rel="noopener noreferrer" aria-label="Instagram" style="color: #bc2a8d;">
                    INS
                </a>
  • and remove RSS section below
                <a class="social-item social-item-rss"
                    href="https://feedly.com/i/subscription/feed/{{@site.url}}/rss/"
                    target="_blank" rel="noopener noreferrer" aria-label="RSS">
                    RSS
                </a>
  1. Do not update the theme, but use CSS and Javascript tricks to do the same thing with Code Injection under Admin Console->Settings. (RSS is removed with CSS below but can be removed with JS as well)
<script>
    $('.social .social-item-twitter').after('<a class="social-item social-item-instagram" href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">INS</a>');
</script>
<style>
  .social .social-item-rss {
      display: none;
    }
    .social-item-instagram {
        color: #bc2a8d;
    }
</style>
2 Likes
3

Thanks @kose_mark! I went with the first option and it worked perfectly. I appreciate your help!

1 Like
4

Finally found what I was looking for so long. Thank you!

1 Like