By Mehmet Alp Sirin on Wednesday, 23 March 2016
Posted in Technical Issues
Replies 10
Likes 0
Views 600
Votes 0
Hı there,

is there any possibility for me to change the font-awesome icon in the toolbar of elegant theme which is the default for toolbar profile dropdown?

As far as I could see it is set fa-cog by default.

Where could I change this?

Tnx for your kind help in advance,

Alp
Hi Alp,

To customize the toolbar icons you can copy this file /components/com_easysocial/themes/elegant/toolbar/default.php and place it into
/templates/[YOUR TEMPLATE]/html/com_easysocial/toolbar/default.php. After that, you can change your desire icons on this file.
·
Wednesday, 23 March 2016 21:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

I did as you said. But in the default.php is only one fa-cog, and that is the icon in the search field.
I want to change that one at the ver right of the toolbar.

At the end I found it default.profile.php and changed it with the same procedure as u described.
Tnx.

Best regards,

Alp
·
Thursday, 24 March 2016 03:35
·
0 Likes
·
0 Votes
·
0 Comments
·
One more question;

in which file is the icon for the secret settings?
·
Thursday, 24 March 2016 04:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,
Sorry that I can't open the attachment can you upload a proper format?
·
Thursday, 24 March 2016 13:21
·
0 Likes
·
0 Votes
·
0 Comments
·
sry. hope this one is ok
·
Thursday, 24 March 2016 14:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,
You can use CSS override method to change the privacy menu icons.
E.g.:
To change the icons from globe to tag shape, insert css codes below into your template stylesheets.
div#fd.es .es-privacy-menu .fa-globe::before {
content: '\f02b';
}
·
Thursday, 24 March 2016 15:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Sry I don't understand.

I wanted to change the font-awesome icon for registered users from fa-user to fa-user-plus.
·
Thursday, 24 March 2016 16:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,
I wanted to change the font-awesome icon for registered users from fa-user to fa-user-plus.

You will need to insert css codes below into your templates stylesheets(*.css) . The codes meaning that you override the .fa-user to show .fa-user-plus shapes.

div#fd.es .es-privacy-menu .fa-user::before {
content: '\f234';
}
·
Friday, 25 March 2016 11:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Great, tnx.
·
Friday, 25 March 2016 15:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.
·
Friday, 25 March 2016 16:24
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post