HELP! HELP!! HELP!!! musicity social icon

please i want a bigger social icons at the top right corner of the home page .

Also client want only facebook, twitter and Youtube icons. Can anyone help with icons with 50 x 50 pixels dimension?

Hi,
can you give us url to your site ?

please i want a bigger social icons at the top right corner of the home page .

Also client want only facebook, twitter and Youtube icons. Can anyone help with icons with 50 x 50 pixels dimension?

URL is www.deltastate.gov.ng/deltatest. Thanks.

You have to edit /templates/gk_musicity/images/social_icons.png file and make icons bigger. Then you need to edit css for social icons from template.css file. I start from 102 line. I advise add all modifications to override.css file.

You have to edit /templates/gk_musicity/images/social_icons.png file and make icons bigger. Then you need to edit css for social icons from template.css file. I start from 102 line. I advise add all modifications to override.css file.

Thanks for the response, i have been working on this from your last email. i believe the snippets i need to work on is :

/* social icons */
#gkSocialIcons {
float: right;
margin: 32px 35px 0 0;
}
#gkSocialIcons a {
background: transparent url('../images/social_icons.png') no-repeat 0 0;
display: block;
float: left;
width: 60px;
height: 60px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
text-indent: -999em;
}
#gkSocialIcons a:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1.0;
}
#gkIconsFacebook {
background-position: 0 0 !important;
}
#gkIconsTwitter {
background-position: -60px 0 !important;

#gkIconsYoutube {
background-position: -180px 0 !important;

I have attached the image i want to use with this message, it is an image with 484 x 60. How do i tweek the code snippets to properly display the icons with respective facebook, twitter and youtube links.

Yes, definetly. All icons are one image nad you only change background position to each element.

Hi,
I've got the Facebook social icon set to "on" in the admin section. But it looks like the myspace icon is showing. How can I fix this?

www.dustinbarclay.com

Thanks,
Sean

Please add to override.css

Code: Select all

#gkIconsFacebook {
background-position: 0 0 !important;
}


and remember to enable override.css option in template settings.

Thank you, Konrad!