So I’m using Source theme and have successfully added social icons using Font Awesome into the Navigations, however I’m not so sure how to add others, like a Home icon as an eg. Are there any instructions online as to how to do this?
This isnt specific to Source but should let you understand how they icons can get setup to work and maybe where you need to look at in general to change out the svg pointer to another file?
Font Awesome also has icons like home available. The approach will be similar. You’ll make a link called ‘home’ (or whatever), figure out what the font awesome code for the home icon is (hint: Find the Perfect Icon for Your Project | Font Awesome) , and then use basically the same css but with your new selector (.nav-home) and icon.
BTW, one gotcha to watch out for is that the home icon isn’t going to be in font-awesome brands, but in the ‘classic’ collection, so depending on how you’re loading the font, you may also need a font load for classic. :) If you want to post what you’ve got (or better yet, a link to it on your site!), I’m happy to have a peek if you get stuck.
2 Likes
Oh cheers Cathy. I’m learning. I don’t wanna go mad. Just thought one Home page icon on https://www.dailly-parish.co.uk/ would balance out the Facebook Icon at the other end of the navigation. I’ll go slow and will be sure to shout if I need help.
1 Like