Adding Social Network Icons to Footer (And Email)

Hello,

I would like to add social media icons to my footer, almost exactly like http://www.breather.com did. I would also like to include an email icon.

How do I do so?

Hi,

HTML code you can add into Simlicity/layouts/footer.php file and css into Simplicity/css/override.css file (first enable override option from Template Options -> Advanced tab).

What HTML code should I include?

I can't give you exactly code from this website, because there are some icon-font used, i'm not sure about the license etc. You should find some free icons or use your own. You can check e.g. our instyle theme:
http://gavick.com/demo/wordpress/instyle/

There's text widget with this html content:

Code: Select all

<div class="gk-social">
<a href="#"><i class="fa fa-rss"></i></a>
<a href="#"><i class="fa fa-flickr"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-vimeo-square"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
</div>

but in this case you should also add Font Awesome to your theme.

I'm a bit confused. The instyle theme doesn't have any social icons in the footer.

Also, can I add the code you provided to the footer.php?

Couldn't you provide the code used and I replace the icons with ones I find?

Yes, but there's social icons block in the inStyle header (top left corner), you can use code from my previous post in footer.php (of course change links to your own), but in this case you should have Font Awesome in your theme. And prabably you'll also need some CSS to improve appearance of these icons.

Try to add these icons and then you can provide an URL to your website (here or via PM) and then I'll be able to give you more help.

So I added the Font Awesome as a plugin. I'm using the 3.2.1 version. The icons work when I add them to the Header text widget, which you can see at http://www.mindspaceapp.com.

But when I add the code to my footer.php file, nothing shows up. Here's the code I added:

Code: Select all

<div class="gk-social">
<a href="mailto:[email protected]?Subject=Hello%20again" target="_top"><i class="icon-envelope icon-4x"></i></a>
<a href="http://www.twitter.com/mindspaceapp"><i class="icon-twitter icon-4x"></i></a>
</div>

I don't see this code in your footer, could you attach your footer.php file? (first add it to zip/rar archive, because you can't attach php files)

Yup. Sorry for the hassle, I was working with a copy of the Simplicity theme and just activating that. I activated the version that I've been playing around with. I attached the footer.php file anyways.

Thanks again. I'm sorry if I'm hassle.

I know where's the problem. You should edit Simplicity/layouts/footer.php file not Simplicity/footer.php.

Thank you so much! That was the problem.