Hi! Is there an easy way to hack default Casper theme to add instagram link to site nav? Thanks!

Hey :wave: Just put together a tutorial on how to use the secondary navigation in Ghost to create a set of social network links: [image] How to add social media icons to your Ghost theme Expand your social media presence by adding all of your social media network icons to your Ghost the…

This worked for me and was much easier to follow as a newbie than the official ghost tutorial. Thanks! I got IG added to the links in my secondary nav, but the only issue is that the icon for IG seems to be broken. It’s showing up as a box with an x in it, but it links to my IG. Hey, I’m halfway the…

I am guessing since they used fa-instagram, that is Font Awesome and you need to include its library. Alternatively, you could use the SVG similar to how it is there for FB and Twitter in the theme. See here: How to add social media icons to your Ghost theme

Thanks for this :slight_smile: I’m finding it difficult to make it work in Edge theme. I’ve got it working except the icon is displaying huge in the browser and haven’t found the right way to scale it properly with CSS yet. If anyone can come up with a good way to make this work in Edge theme I’d a…

This was super helpful! Thank you so much. Do you think you could also provide SVGs for TikTok and an email icon too? I am a complete neophyte to this and don’t know how to generate working ones.

I was looking for this solution for quite a long time by the way , Thanks @kmutahar for these details.

Hi! Now there are many tutorials dedicated to this topic.

gap only applies if the element has a display type of flex or grid. You could try this: .gh-social { display: flex; justify-content: center; align-items: center; gap: 1rem; } There are likely some other tweaks you’ll want to make to ensure everything also looks good on mobile.

thank you very much ! it is working now. it is exactly what I needed. but indeed on mobile, it is not vertically centered, I mean, the 3 divisons of the footer are not equally spaced. what should I add to change that ?

Add instagram link to the navigation

Themes

RyanF December 20, 2022, 5:48pm 32

We hope to add support for adding the icons to the footer in the future, but it looks like you’re already getting some help in this thread:

Topic		Replies	Views
Instagram icon Casper Themes	1	409	February 19, 2022
Social Icons in footer? Developer help	33	3164	July 17, 2024
How to add additional social media icons Themes	19	1025	June 13, 2025
How to add social media icons not included in a theme Themes	4	227	May 20, 2024
Add Instagram social option in dashboard Ideas	0	683	May 31, 2021

Add instagram link to the navigation

Related topics