insert YouTube icon in social module

December 2012 Joomla Template
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Feb 14, 2014 12:29 pm
Reply with quote
Report this post
Hi,

where can I find the double color YouTube icon and add it to my social icons?
User avatar
Expert Boarder

GK User
Fri Feb 14, 2014 2:45 pm
Reply with quote
Report this post
I have found the double colored icon on iconfinder, add them on the png file, add the script on the advanced settings of the template but instead of the icon it appears a blank space with the right link... in the module editor I see the words of youtube and not the icon.... can you tell me where I did wrong?
User avatar
Expert Boarder

GK User
Fri Feb 14, 2014 2:53 pm
Reply with quote
Report this post
I put the wrong url address.... now it works....even if my icon is not perfect!!!!
User avatar
Expert Boarder

GK User
Fri Feb 14, 2014 3:29 pm
Reply with quote
Report this post
I still have the problem with the position of the grey icon which is too close to the previous. I copied the instruction as you write in your article
.gkYouTube {
background: url("FULL URL social_icons.png") no-repeat scroll -115px 0 transparent;
display: block;
float: left;
height: 22px;
line-height: 22px;
padding: 0;
text-indent: -9999px;
transition: background 0.3s cubic-bezier(0.2, 0.7, 0.9, 1) 0s, color 0.2s linear 0s;
width: 28px;
}

.gkYouTube:active,
.gkYouTube:focus,
.gkYouTube:hover {
background: transparent url('FULL URL social_icons.png') no-repeat -110px -22px;
}

but it has that problem of position....

can you please help me?
User avatar
Expert Boarder

teitbite
Fri Feb 14, 2014 8:45 pm
Reply with quote
Report this post
Hi

Please show me Your site.
User avatar
Moderator

GK User
Sun Feb 16, 2014 12:50 am
Reply with quote
Report this post
What i did was editing the exsiting social icons png file and i replaced the google+ with youtubes icon. So on template params on google+ i placed the youtube url :D
User avatar
Senior Boarder

GK User
Mon Feb 17, 2014 3:52 pm
Reply with quote
Report this post
now it's all ok. I did the same as Expired but the trouble was with the position parameter.
Thank you for your help.
User avatar
Expert Boarder

teitbite
Wed Feb 19, 2014 8:56 pm
Reply with quote
Report this post
Hi

Great to hear You've done it :) Sorry I wasn't more helpful :(
User avatar
Moderator


cron