Hi Pasquale,

I am really sorry for the delay of this reply.

Hm, I believe it is not entirely possible as our designer has enforced all icons to use from the following png file, /media/com_easysocial/images/icons/icons-sprites.png and then use the following css to use the icon base on position,

body div#fd.es .icon-es-heart {

    background-position: -320px 0px;

}

As you can see all of the icon as compiled together and in order to change it you need to change the icon inside the png image via photoshop and I am sorry to say that we do not provide customization as stated here in our support policy, http://stackideas.com/support .

Thank you for your kind understanding.

Hi Ezrul,
I actually already had this idea. I think I'll try to change icon in that file.

Thank you.

Pasquale Basilio

Just last question.

Where can I find notifications icons (specially friendship request notification)?

Thank you.

Hi Pasquale,

We are currently using font-icons named FontAwesome to handle icons in our EasySocial component.

You can find this list of icons here: http://fontawesome.io/icons/

Thank you.

What if I want to change it?

Hi Pasquale,

> What if I want to change it?

Can you please brief us more on what you want to change here?

You can either change this by using CSS or edit the HTML file by using template override.

As per our customer support policy, we provided the icon as it is.

Ikram Hakimi wrote:

We are currently using font-icons named FontAwesome to handle icons in our EasySocial component.

While this is generally true, the like icon is one of the exceptions. In the comment section of one of my photos you can see that the heart icon is actually loading from the image sprite. The heart icon is similar to a like button considering that there is no official like button due to it being just text.

Hi Josh,

Thanks for the heads up . I believe what he trying to achieve here is to change "friends" icon on the toolbar of easysocial where the icon is getting from fontawesome instead of image sprite.

Hi,
I've already changed the heart in something else. I just need where i can find the code with which I can change "friendship notifications" just it (or how to do it)

Thank you

Hi Pasquale,

I believe if you want to modify the icon you need to change the fontawesome class from the following file, /components/com_easysocial/themes/wireframe/toolbar/default.friends.php at line 26, http://screencast.com/t/0oneMBKr . Hope these help.

Thank you Ezrul! Really kind of you!

Just last question.

How do I pick up an uploaded icon of mine? What do you suggest? CSS or PHP and how?

My best regards.

Hi Pasquale,

You can upload the icon anywhere within your joomla root folder (for example : /media/images/icon.png) and then use the following css hack to replace friends icon with your icon,

body div#fd.es .ies-users:before {

    content: url('http://yoursite.com/media/images/icon.png');

}

By the way as a gentle reminder kindly note that this is beyond our support scope where we do not accept customization request from customer as you can see from our support policy page here, http://stackideas.com/support . Hope you understand.

Hi Ezrul,
but I don't know whom else I could ask wherei could find that code.

Indeed, what would you suggest me to change this congruency that's useless to me?

Hi Pasquale,

I am sorry but I'm not quite understand what do you mean here. Can you elaborate more on the issue?

Hi Ezrul,
I'm sorry, I've been not clear.

When I set friendship's notification icon, it changed the event's hit counter's icon too, because they have the same class. How can I fix it?

My best regards

Hi Pasquale,

My solution above will changed all the friends icons across your easysocial page. If you want to only change the icon inside your toolbar you must modify the friend class inside /components/com_easysocial/themes/wireframe/toolbar/default.friends.php at line 26 and apply the css hack with the class specify inside that file.

Hi Ezrul,
thank you for your response.

Actually, what I'm using is the Easysocial Menu fixed in the footer and the frosty template.

Can you tell me the .php file?

My best regards.

The module template files are located in /modules/mod_easysocial_menu/tmpl/

Thank you Mark,
did you follow discussion?

Which row should I modify?

Thank you.

Hi Pasquale,

Locate the code below at around line 90~91 inside /modules/mod_easysocial_menu/tmpl/default.php:

<i class="ies-users"></i>

Change the class accordingly.

Hi Ezrul,
for example I changed it with "<i class="friendship"></i>.

Now it disappeared.

Hi Pasquale,

I believe it would be best if you can provide us with your Joomla backend and FTP access so we can inspect the element directly. Please note that our local site might be different from yours hence the end result will not be the same on your site.

Hi Ezrul,
here you go.

I'm grateful to you all.

Would you please tell me what you did after you fix it?

Thank you.

Hi Ezrul,
it works awesome!

Didn't you change any .php file?

Hi Pasquale,

No I didn't. The only change that I made is inside your custom.css file.

Thank you for all!

You are most welcome Pasquale.