how to add new social icon?

I want add new social icon on my website, but i have been done add new social icon on my database, but youtube and google plus has no image , why? give me advice. I don't understand about coding.

Hi,
probably you added wrong class to them, that's why template don't see images from css.

ok, I've checked code again.
Yes this template don't have icons for those social networks in all styles, for example: gk_appsprotech\css\typography\typography.style1.css

For those which you can find right now, we use "background sprites"

So if you want add more, you have to options:
1) add icons like you always did in module (or article) using <image> button
2) or add those to : templates/gk_appsprotech/images/style1/social_icons.png (style 2 or 3) using photoshop to the end and add new values or classes to css file

how to add new values or classes to css file?
what file?
give me an example

You have new image with all icons: download/file.php?id=9901
copy / replace with that old one from your template.

1) Use one of sprite css generator (online tool)
2) generate a code for bottom images
3) so you will get ready css
4) copy them to typography.style1.css in similar way like there are in: gk_appsprotech\css\typography\typography.style1.css
look at line 1748

I show you how, find this line:

Code: Select all

.gkFacebook, .gkTwitter, .gkRSS {

change it to

Code: Select all

.gkFacebook, .gkTwitter, .gkRSS, .gkYouTube, .gkGoogle {

Below create two new lines

Code: Select all

.gkYouTube { background-position: 0 -___px }
.gkGoogle { background-position: 0 -___px    }

In ___ insert values generated via online tools