Icon & GK Social Icons

Is it possible to install the GK Social Icons??? If yes? Then can anyone provide me the plugin file... ??

I want to change the icon under the header image... how to do that??? And in which folder i can find other types of icon???

Tc!

Hi,

It's possible, but GKS Social is a widget, not a plugin, so it's a lot of custom work, beyond our technical support..

To change icon under the header go to Simplicity/css/stuff.css and edit this fragment, or better way is to use override.css file (Before that enable this option in Template Options -> Advanced) then paste this fragment to ovverride.css and customize.

Code: Select all

.gk-crop {
   background-color: #fff;
   background-image: url('../images/style1/gkcrop.png');
   background-position: center top;
}
.gk-crop:hover {
   background-color: #fe654c;
   background-position: center bottom;
}
.gk-rocket {
   background-color: #fff;
   background-image: url('../images/style1/gkrocket.png');
   background-position: center top;
}
.gk-rocket:hover {
   background-color: #4c90fe;
   background-position: center bottom;
}
.gk-mobile {
   background-color: #fff;
   background-image: url('../images/style1/gkmobile.png');
   background-position: center top;
}
.gk-mobile:hover {
   background-color: #fec54c;
   background-position: center bottom;
}

Other icons are here.

Hi,

It's possible, but GKS Social is a widget, not a plugin, so it's a lot of custom work, beyond our technical support..

To change icon under the header go to Simplicity/css/stuff.css and edit this fragment, or better way is to use override.css file (Before that enable this option in Template Options -> Advanced) then paste this fragment to ovverride.css and customize.

Code: Select all

.gk-crop {
   background-color: #fff;
   background-image: url('../images/style1/gkcrop.png');
   background-position: center top;
}
.gk-crop:hover {
   background-color: #fe654c;
   background-position: center bottom;
}
.gk-rocket {
   background-color: #fff;
   background-image: url('../images/style1/gkrocket.png');
   background-position: center top;
}
.gk-rocket:hover {
   background-color: #4c90fe;
   background-position: center bottom;
}
.gk-mobile {
   background-color: #fff;
   background-image: url('../images/style1/gkmobile.png');
   background-position: center top;
}
.gk-mobile:hover {
   background-color: #fec54c;
   background-position: center bottom;
}

Other icons are here.

Thanks it all set