Notifications
Clear all

[Closed] Changing profile icons

10 Posts
3 Users
4 Reactions
1,092 Views
Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 2 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.

9 Replies
Posts: 93
(@nutritionchat)
Estimable Member
Joined: 4 years ago

You mean - change the default profile icon ?

This support forum and many of us use this plugin - works very well - 

Leira Letter Avatar

 

Posts: 18
Topic starter
(@inferno)
Eminent Member
Joined: 2 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: 1323
(@tutrix)
Noble Member
Joined: 4 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: 2 years ago

Can they also be removed this way too?

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

Noble Member
Posts: 1323

@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

Page 1 / 2