> For the complete documentation index, see [llms.txt](https://docs.themeupstudio.com/orange/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeupstudio.com/orange/getting-started/social-links.md).

# Social Links

The Facebook and Twitter handles can be updated from the Ghost settings.

Setting --> General --> Social accounts

<figure><img src="https://2680231790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxO0lNhnarkOiycSyV1Ui%2Fuploads%2F9Mu6XtCoY2RMgXOF1y8q%2Fimage.png?alt=media&amp;token=d5b211b3-9af5-4e81-9533-86f54a43a247" alt=""><figcaption><p>Facebook and Twitter accounts</p></figcaption></figure>

To update other accounts, you need to edit the theme code.

1. Open the theme code in your favorite editor (like Visual Studio Code, Sublime Text)

2. Open the `social-links.hbs` partial file

3. Look for the social media handle you want to edit. E.g. Instagram, as shown below<br>

   <figure><img src="https://2680231790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxO0lNhnarkOiycSyV1Ui%2Fuploads%2F0sjDaZCNxGxZ3iAJaiSe%2Fimage.png?alt=media&amp;token=c44234fb-460a-4f14-bb2f-5691ea1622a7" alt=""><figcaption><p>Editing instagram handle</p></figcaption></figure>

4. Edit the `href="#"` attribute for the tag. Replace `#` and insert your Instagram URL (e.g. `https://www.instagram.com/cristiano/` ). \
   The updated file will look something like the one below.

<figure><img src="https://2680231790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxO0lNhnarkOiycSyV1Ui%2Fuploads%2Fys7aH5mfQ5rZ4X6GI9pV%2Fimage.png?alt=media&amp;token=525c4f19-a154-4167-9544-033eefd31890" alt=""><figcaption><p>Updated Instagram URL</p></figcaption></figure>

### Add a new social media handle in the footer

This theme has already provided icons for social media:

1. Facebook
2. Twitter
3. Instagram
4. LinkedIn
5. YouTube

If you want to add any other social media link in footer, then you need to get the SVG code for that icon (preferably in 24x24 size)

Then you need to copy/paste the highlighted code and edit the title and href attribute as explained earlier.

Apart from that, you also need to add the path for the SVG code (#3 in below image).

<figure><img src="https://2680231790-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxO0lNhnarkOiycSyV1Ui%2Fuploads%2FhukfgZGiVBL8c28YqSmH%2Fimage.png?alt=media&amp;token=06dc4ae0-155a-44ee-b521-642b79b9e212" alt=""><figcaption><p>Add new social media icon in footer</p></figcaption></figure>
