AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

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

5 Posts
3 Users
0 Reactions
1,089 Views
Posts: 108
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@hector)
Estimable Member
Joined: 7 years ago
[#13443]

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?

 

 bt

4 Replies
Posts: 108
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@hector)
Estimable Member
Joined: 7 years ago

Can somebody help me?


1 Reply
Robert
Admin
(@robert)
Joined: 2 months ago

Support Team
Posts: 10716
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian

@hector,

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


Sofy
Posts: 5774
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@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.

ddf

Share: