Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

[Closed] Changing profile icons

9 Posts
2 Users
2 Reactions
2,377 Views
Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 3 years ago

Is there anyway to change some of the profile icons? I am running a gaming site and don't think they fit the look very well.


8 Replies
Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 3 years ago

No, I am not talking about the avatar. I am talking about profile section there are icons for likes, comments, blog posts and etc in different colors..


Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@inferno

These are SVG path icons, you can change them in the profile-home.php (2022 theme).

Example: Forum Posts Icon

<div class="wpf-statbox-icon" style="background: #dff6ff; fill: #5bb9dc;">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.853,1.148a3.626,3.626,0,0,0-5.124,0L1.465,17.412A4.968,4.968,0,0,0,0,20.947V23a1,1,0,0,0,1,1H3.053a4.966,4.966,0,0,0,3.535-1.464L22.853,6.271A3.626,3.626,0,0,0,22.853,1.148ZM5.174,21.122A3.022,3.022,0,0,1,3.053,22H2V20.947a2.98,2.98,0,0,1,.879-2.121L15.222,6.483l2.3,2.3ZM21.438,4.857,18.932,7.364l-2.3-2.295,2.507-2.507a1.623,1.623,0,1,1,2.295,2.3Z"/></svg>
</div>

Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 3 years ago

Can they also be removed this way too?


1 Reply
Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1521

@inferno 

You can remove the icons via css

All icons

#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox .wpf-statbox-icon {
display: none;
}

Or by number in order

Example the first icon (1)

#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox:nth-of-type(1) .wpf-statbox-icon {
display: none;
}

Example the fifth icon (5)

#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox:nth-of-type(5) .wpf-statbox-icon {
display: none;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS


Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 3 years ago
#wpforo #wpforo-wrap .wpf-profile-section .wpf-statbox:nth-of-type(1) .wpf-statbox-icon {
display: none;
}

I tried this code cleared both the cache for the forum and browser and it did not work. Is there anything I am missing?


Page 1 / 2