# Instagram link icon

**URL:** <https://forums.realmacsoftware.com/t/instagram-link-icon/19248>\
**Category:** RapidWeaver Classic\
**Created:** [March 18, 2018, 11:15am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248 "2018-03-18T11:15:19Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 18, 2018, 11:15am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/1 "2018-03-18T11:15:19Z")

</div>

Hello.

I have downloaded the theme “Origin” to improve my website.  
But I can`t find a way to get at proper instagram icon like they got on Squarespace.  
Can anyone help me?

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [March 18, 2018, 11:44am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/2 "2018-03-18T11:44:38Z")

</div>

This should help.

[https://weaverskingdom.zendesk.com/hc/en-us/articles/360001680991-Font-Awesome-and-social-icons](https://weaverskingdom.zendesk.com/hc/en-us/articles/360001680991-Font-Awesome-and-social-icons)

Rob

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 20, 2018, 6:44pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/3 "2018-03-20T18:44:08Z")

</div>

Hello and thank you for the answer.

Does this mean I have to buy the 80 $ package?  
Or is it a cheaper way to get it done?

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [March 20, 2018, 8:45pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/4 "2018-03-20T20:45:20Z")

</div>

Don’t think so, you should be able to just type in the code, following their examples but substituting Instagram for whatever example they use.

But the theme author will be able to advise definitively.

Rob

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 20, 2018, 9:52pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/5 "2018-03-20T21:52:50Z")

</div>

Don’t know that theme or where you are wanting to place the icon. Without a URL to the site, it would be difficult to say for sure.  
The font awesome for Instagram would be this:

`<i class="fab fa-instagram"></i>`

You may need addition styling:

[https://fontawesome.com/how-to-use/svg-with-js#additional-styling](https://fontawesome.com/how-to-use/svg-with-js#additional-styling)

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 21, 2018, 6:16am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/6 "2018-03-21T06:16:22Z")

</div>

Thank you.

I probably just need to use some more time figuring it out.

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 21, 2018, 6:18am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/7 "2018-03-21T06:18:15Z")

</div>

Here is my URL. A thin website at this point.  
I want to put the icon on the left side of the images, below the header.

[http://www.kristianroald.com](http://www.kristianroald.com)

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [March 21, 2018, 8:00am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/8 "2018-03-21T08:00:28Z")

</div>

Difficult to see or help because you’ve disabled right clicking so I can’t inspect anything.

Maybe @Lucas can help?

---

<div class="post-metadata">

**Author:** ![Lucas](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lucas/32/1745_2.png) [@Lucas](https://forums.realmacsoftware.com/u/Lucas)\
**Post date:** [March 21, 2018, 8:29am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/9 "2018-03-21T08:29:41Z")

</div>

Thanks @robbeattie

@Kistian copy & paste the following snippet to the page’s sidebar, then use the link buttons at the bottom of the sidebar to add a link:

`<div id="myExtraContent1"><i class="uk-icon-instagram uk-icon-small"></i></div>`

You may also use the examples included:  
[https://weaverskingdom.zendesk.com/hc/en-us/sections/360000397511-Tutorial-projects](https://weaverskingdom.zendesk.com/hc/en-us/sections/360000397511-Tutorial-projects)

---

<div class="post-metadata">

**Author:** ![Lucas](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lucas/32/1745_2.png) [@Lucas](https://forums.realmacsoftware.com/u/Lucas)\
**Post date:** [March 21, 2018, 8:45am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/10 "2018-03-21T08:45:44Z")

</div>

Also noticed that your images are oversized and not optimised for web use, some are over 10MB. Take a look at this article it may help you:  
[https://weaverskingdom.zendesk.com/hc/en-us/articles/360001944831](https://weaverskingdom.zendesk.com/hc/en-us/articles/360001944831)

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [March 21, 2018, 12:38pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/11 "2018-03-21T12:38:43Z")

</div>

> [@robbeattie](#):
>
> Difficult to see or help because you’ve disabled right clicking so I can’t inspect anything.

Sorry for the off-topic post, but @robbeattie, if you ever need to get the Web Inspector open and right-click does not work, look in the Develop menu:

 ![58%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/c/c2d1acfe08653ff8904f11ff67987ddab94700b8.png)  
You can get to it there too. 😃

---

<div class="post-metadata">

**Author:** ![robbeattie](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/robbeattie/32/78_2.png) [@robbeattie](https://forums.realmacsoftware.com/u/robbeattie)\
**Post date:** [March 21, 2018, 12:43pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/12 "2018-03-21T12:43:05Z")

</div>

Cool Rob. Didn’t realise that. Thanks!

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 21, 2018, 1:03pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/13 "2018-03-21T13:03:07Z")

</div>

Thank you very much for a much useful tip!

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 21, 2018, 1:37pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/14 "2018-03-21T13:37:42Z")

</div>

As @zeebe pointed out you can do this in any browser. That’s what is stupid about disabling right click. It takes away all options, like opening a link in a new tab, and it doesn’t stop downloading images. Folks that steal stuff know how to do this, and the real wholesale thieves use automatic screen scrapers and don’t even notice you have that option disabled. All it does is create a poor user experience.

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 21, 2018, 6:16pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/15 "2018-03-21T18:16:49Z")

</div>

How do you enable right click in Rapidweaver? I never turned it off.

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 21, 2018, 6:17pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/16 "2018-03-21T18:17:47Z")

</div>

How do you get the link active? Mine is inactive, even though i get the instagram-icon to show.

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [March 21, 2018, 10:05pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/17 "2018-03-21T22:05:49Z")

</div>

No clue, not something I have ever done.

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 22, 2018, 8:13am UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/18 "2018-03-22T08:13:27Z")

</div>

Hi again.

I copied the text from the example project, and that worked.  
Thank you.

[http://www.kristianroald.com](http://www.kristianroald.com)

---

<div class="post-metadata">

**Author:** ![Lucas](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lucas/32/1745_2.png) [@Lucas](https://forums.realmacsoftware.com/u/Lucas)\
**Post date:** [March 22, 2018, 1:56pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/19 "2018-03-22T13:56:53Z")

</div>

Hey @Kistian I see you managed to add the link, bravo! Nice website by the way 😀

---

<div class="post-metadata">

**Author:** ![Kistian](https://avatars.discourse-cdn.com/v4/letter/k/cc9497/32.png) [@Kistian](https://forums.realmacsoftware.com/u/Kistian)\
**Post date:** [March 22, 2018, 2:20pm UTC](https://forums.realmacsoftware.com/t/instagram-link-icon/19248/20 "2018-03-22T14:20:03Z")

</div>

Thank you 🙂

I will start building it more precise and with more content when I`m understanding the details. Maybe you`ve got a tip for how I can get a logo in the website tab?  
Is it possible just using an image?

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/1/1735f6bfd9623d8f1d59b0aa22a86e89aa8a901c.png)

[Next page](https://forums.realmacsoftware.com/t/instagram-link-icon/19248.md?page=2)
