Changing social icons in About module

I have an icon of other social network than in the module.
How to insert my icon instead Twitter or Google?

hi,
sure it's possible but request some job. If you would search here on forum, probably you would see that you wasn't first person who asked about it before.

We used FontAwesome icons:
so you have to override those fields

.gkTeamOverlay a[data-type="fb"]:before { content: " "; }
.gkTeamOverlay a[data-type="twitter"]:before { content: " "; }
.gkTeamOverlay a[data-type="gplus"]:before { content: " "; }

Insert " " input Unicode from FontAwesome

p.s.
Are you in 100% sure that Joomla 2.5.28 is a good choice for new website?
Read: http://www.joomla.org/announcements/rel ... eased.html

Now it's time for J3.3

hi,
sure it's possible but request some job. If you would search here on forum, probably you would see that you wasn't first person who asked about it before.

We used FontAwesome icons:
so you have to override those fields

.gkTeamOverlay a[data-type="fb"]:before { content: " "; }
.gkTeamOverlay a[data-type="twitter"]:before { content: " "; }
.gkTeamOverlay a[data-type="gplus"]:before { content: " "; }

Insert " " input Unicode from FontAwesome

Ok.
1. I have found the icon that is needed. http://fontawesome.io/icon/vk/ Unicode: f189
2. I have inserted unicode of my icon instead one:

.gkTeamOverlay a[data-type="fb"]:before {
content: '\f189';
}

in the file gk.stuff.css (string 1000) and have uploaded it.

3. And in the end i have got unknown symbol as on the picture.

What should I do?

It could be because in this template there is old FontAwesome collection - I mean v3.1 - so not all "icons" are there.

Check here: http://fontawesome.io/3.2.1/icons/

But I will check more,, give me few minuts.

It could be because in this template there is old FontAwesome collection - I mean v3.1 - so not all "icons" are there.

Check here: http://fontawesome.io/3.2.1/icons/

But I will check more,, give me few minuts.

for Bootstrap?

How to upgrade icon collection? I have upload the new version on font-awesome.css from http://fontawesome.io/ but it still does not works((( Maybe I do something wrong?

I've taken :

Code: Select all

.icon-star:before {
  content: "\f005";
}

from default font-awesome.css which is in /css folder template
and
In Custom CSS field I used:

Code: Select all

.gkTeamOverlay a[data-type="fb"]:before {
    content: "\f005";
}

star.png

Result was/is :