Notifications
Clear all

[Solved] Change the 'Account' and 'Activity' icons

5 Posts
3 Users
0 Likes
596 Views
Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 5 years ago

Hello community.

I would like to change the icons of 'Account' and 'Activity' within the members page (attached screenshot with detail)

Does anyone know how to do this?

 

4 Replies
Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 5 years ago

Can somebody help me?

1 Reply
Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10506

@hector,

I'm sorry but there is no option to change those.

Sofy
Posts: 4322
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

@hector,

This article may be helpful for you. 

https://docs.layerswp.com/doc/how-to-replace-font-awesome-icons-with-css/

Here is a simple example: 

i.fas.fa-cog:before {
content: "\f07a";
}

The rest of customizations should be done by yourself. 

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file. 

Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 5 years ago

Hi @sofy.

Thank you very very much.

If you can modify the icons.

This is the CSS code I implement:

.h-bottom .wpf-profile-menu i.fas.fa-cog:before {
content: "\f2bb";
}

and

.h-bottom .wpf-profile-menu i.fas.fa-comments:before {
content: "\f558";
}

Attached screenshot of what it looks like

Cordial greeting.