Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

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

5 Posts
3 Users
0 Reactions
784 Views
Posts: 108
Topic starter
(@hector)
Estimable Member
Joined: 7 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: 7 years ago

Can somebody help me?

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

Support Team
Posts: 10616

@hector,

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

Sofy
Posts: 5483
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 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: 7 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.