Add New Icons(class)

Hi,

I m trying to add new icons like social icons in GKmagazine template. I am editing the icons.png of style 1 as you said and add new icons (grey + colorize). I also add code in style1.css like this

.gkRSS,
.gkMail,
.gkTwitter,
.gkFb,
.gkGplus,
.gkYoutube,
.gkPinterest,
.gkAndroid,
.gkApple,
.gkWindows

Is anything wrong?because my template has problem with the layout in frontend. Is something i forgot to change in code?

Could you give me your site URL ? Probably there is problem with added code.

Could you give me your site URL ? Probably there is problem with added code.

Here is the link: "http://www.mobillion.gr/magazine"
You can have access with the following details:
admin:test
password:test

any update????

Are you sure you don't resize original icons ? It looks like the width is to small, in original the inactive & active icon should be 52px wide.

Are you sure you don't resize original icons ? It looks like the width is to small, in original the inactive & active icon should be 52px wide.

You are right, i fix this I had wrong dimensions as you said,
I m trying to add more class icons to add in social bar however i have errors. I added code in template.css, and style1.css plus the icons.png as Konrad M said in this post (https://www.gavick.com/forums/magazine-joomla3/social-linkedin-23183.html. Could you provide any help to fix this?

The KonradM solution is fine but you need images in correct dimensions.

The KonradM solution is fine but you need images in correct dimensions.

Well okay i fix this with the dimensions, but I have another problem, now with classes. Maybe the added code is wrong. Could you check or not?

The best way is to revert your code, then just let me know I'll look at try to give you correct one.

The best way is to revert your code, then just let me know I'll look at try to give you correct one.

Ok i fix this, thank you for your help,

Regards

You should not add your code to those files, add all your custom css code to override.css and turn on override mode in template configuration, then you won't loose your custom code when you upgrade the template.