Fest social icons

Hello,

I'm trying the template Fest on my site.

Everything works kind of smooth but for some reason I don't seem to get the social icons (right of main menu) right.

First I tried to add Instagram, Tumblr icons to the social_icons.png - but that did nothing.
After a while I gave up and did my own custom html with separate jpg files that I linked to Facebook etc.

Now it doesn't matter what I do - only Facebook icon is showing.

(http://www.flippingoods.com)

Please help,

Magnus

I don't see any social icons on your homepage.
Could you please post an url to your site to exact place where this issue can be seen?

I don't see any social icons on your homepage.
Could you please post an url to your site to exact place where this issue can be seen?

Hello - since I posted I've even tried the Perfect Icons - no luck - for some reason all icons become Facebook icon.

You should see them at: http://www.flippingoods.com .

Just checked and icons are there.

BR

Magnus

Please edit the module again with tinyMCE editor turned off (change it to no editor).
Then paste this code:

Code: Select all

<p><a class="gkFb" href="#">Facebook</a> <a class="gkTwitter" href="#">Twitter</a> <a class="gkGplus" href="#">Google+</a> <a class="gkRss" href="#">RSS</a></p>


and start over again.

Well...

That only makes the social icons to Facebook, Twitter, Google and RSS.
The whole thing was to get Facebook, Twitter, Google, Tumbr and Instagram.

When I change like you said - it turns back to original - but when I paste in code from Perfect Icons or anything else - every icon turns to Facebook only.

BR

Magnus

Its because you not only need to change html but also include correct font files and css. It will not work out of the box like that.
You might modify templates/gk_fest/images/social_icons.png file and add the icons on the right, but then you need to create custom classes modifying background position to show correct icon.
If you don't know how to do it - please modify png file by inserting your icons and write back I'll help you creating correct css overrides.

Its because you not only need to change html but also include correct font files and css. It will not work out of the box like that.
You might modify templates/gk_fest/images/social_icons.png file and add the icons on the right, but then you need to create custom classes modifying background position to show correct icon.
If you don't know how to do it - please modify png file by inserting your icons and write back I'll help you creating correct css overrides.

Fantastic!

Here's the logos I want to use.



BR

Magnus

Could you please replace original:
templates/gk_fest/images/social_icons.png
file (back it up in first place)?

Could you please replace original:
templates/gk_fest/images/social_icons.png
file (back it up in first place)?

Sorry I don't really understand what you want here.
The original file is replaced with updated file (added logos - as you can see with my attached file earlier message).

Thought this is what you wanted?

Or - do you want me to put back original file?

BR

Magnus

1. Your custom module html should look this way:

Code: Select all

<p><a class="gkFb" href="#">Facebook</a> <a class="gkTwitter" href="#">Twitter</a> <a class="gkGplus" href="#">Google+</a> <a class="gkTumblr" href="#">Tumblr</a> <a class="gkInstagram" href="#">Instagram</a></p>


(instead of current list and different classes).
2. Please edit: /templates/gk_fest/css/override.css and add at its end:

Code: Select all

#gkSocial .gkTumblr {
background-position: -134px 0;
}
#gkSocial .gkInstagram {
background-position: -107px 0;
}


Remember to enable "CSS override" in template settings - advanced section.

Fantastic Cyberek!

Thanks for all your help - it got perfect!

BR

Magnus

Great.
If you will have any other questions, feel free to post new forum threads.