I want to add two new icons from fant-awesome in the module,
maybe its just Sunday morning and i can't see
but as far as i tried i got no luck
Can you help me finding in this code where i'm making mistakes?
Ok.
Basically i want to add the icon-group (f0c0) as a surrogate of MySpace
and the icon-headphones (f025) as a surrogate for SoundCloud
So i modded the gkstuff.css at line 753

like this
- Code: Select all
}
.gkContactSocialIcons > a:hover:before {
background: #7484ff;
border-color: #7484ff;
color: #fff;
}
.gkContactFbIcon:before {
content: '\f09A';
}
.gkContactTwitterIcon:before {
content: '\f099';
}
.gkContactGplusIcon:before {
content: '\f0d5';
}
.gkContactLinkedinIcon:before {
content: '\f0e1';
}
.gkContactPinterestIcon:before {
content: '\f0d2';
}
.gkContactRssIcon:before {
content: '\f09e';
}
.gkContactHeadphonesIcon:before {
content: '\f025';
}
.gkContactGroupIcon:before {
content: '\f0c0';
}
/* Frontpage elements */
and then at line 1028

- Code: Select all
.gkTeamOverlay > a:before {
color: #fff;
display: block;
font-family: FontAwesome;
font-size: 28px;
height: 50px;
line-height: 50px;
text-align: center;
text-indent: 0!important;
width: 50px;
}
.gkTeamOverlay a[data-type="fb"]:before {
content: '\f09A';
}
.gkTeamOverlay a[data-type="twitter"]:before {
content: '\f099';
}
.gkTeamOverlay a[data-type="gplus"]:before {
content: '\f0d5';
}
.gkTeamOverlay a[data-type="linkedin"]:before {
content: '\f0e1';
}
.gkTeamOverlay a[data-type="pinterest"]:before {
content: '\f0d3';
}
.gkTeamOverlay a[data-type="group"]:before {
content: '\f0c0';
}
.gkTeamOverlay a[data-type="headphones"]:before {
content: '\f025';
}
/* Team - animation */
and this for the gkstuff.css
Then i've modded the .js
like this
- Code: Select all
// team overlays
if(jQuery(document).find('.gkTeam')) {
var figures = jQuery(document).find('.gkTeam figure');
jQuery(figures).each(function(i, figure) {
figure = jQuery(figure);
if(
figure.attr('data-fb') != undefined ||
figure.attr('data-twitter') != undefined ||
figure.attr('data-gplus') != undefined ||
figure.attr('data-linkedin') != undefined ||
figure.attr('data-pinterest') != undefined ||
figure.attr('data-headphones') != undefined ||
figure.attr('data-group') != undefined ||
) {
var overlay = new jQuery('<div class= "gkTeamOverlay"></div>');
var htmloutput = '';
var classcounter = 0;
if(figure.attr('data-fb') != undefined) {
htmloutput += '<a href="'+figure.attr('data-fb')+'" data-type="fb">Facebook</a>';
classcounter++;
}
if(figure.attr('data-twitter') != undefined) {
htmloutput += '<a href="'+figure.attr('data-twitter')+'" data-type="twitter">Twitter</a>';
classcounter++;
}
if(figure.attr('data-gplus') != undefined) {
htmloutput += '<a href="'+figure.attr('data-gplus')+'" data-type="gplus">Google+</a>';
classcounter++;
}
if(figure.attr('data-linkedin') != undefined) {
htmloutput += '<a href="'+figure.attr('data-linkedin')+'" data-type="linkedin">Linkedin</a>';
classcounter++;
}
if(figure.attr('data-pinterest') != undefined) {
htmloutput += '<a href="'+figure.attr('data-pinterest')+'" data-type="pinterest">Pinterest</a>';
classcounter++;
}
if(figure.attr('data-headphones') != undefined) {
htmloutput += '<a href="'+figure.attr('data-headphones')+'" data-type="headphones">Headphones</a>';
classcounter++;
}
if(figure.attr('data-group') != undefined) {
htmloutput += '<a href="'+figure.attr('data-group')+'" data-type="group">Group</a>';
classcounter++;
}
jQuery(overlay).html(htmloutput);
but its not working...
Can you help me?
Have a good Sunday.
Emanuel
in the code of gk and js,
so there may also be an error in code which I do not see. Please send me ftp and joomla panel access so I'll try to make it and will see what can be wrong.