Notifications
Clear all

[Solved] Is there possibility to replace user group titels by custom image?

4 Posts
2 Users
0 Reactions
909 Views
(@dmitrijs-suhoruckins)
Member Customer
Joined: 5 years ago
Posts: 11
Topic starter  

Question is about either wpdiscuz and wpforo.


   
Elvina
(@elvina)
Support
Joined: 5 years ago
Posts: 1403
 

Hi @dmitrijs-suhoruckins,

Please follow the steps below.

Put the following JS code in your current active the js files:

1.For wpDiscuz:

jQuery('.wc-comment-label').html('<img src="your image URL"/>');

2. For wpforo:

jQuery('.wpf-member-title ').html('<img src="your image URL"/>');

Also please navigate to the Dashboard > Forums > Settings > Styles admin page put the following CSS code in the "Custom CSS code" textarea:

#wpforo-wrap .wpf-member-title.wpfut{
border: none !important;
}
.wpfbg-6 {
background-color: inherit !important;
}
.wpfcl-3 {
color: #777777 !important;
}

Please note: The red marked value should be you image URL


   
(@dmitrijs-suhoruckins)
Member Customer
Joined: 5 years ago
Posts: 11
Topic starter  

Thanks.

 

Please precize - "in your current active the js files"

It will replace all labels with one particular picture or i can replace differnet group titels with different pictures?


   
Elvina
(@elvina)
Support
Joined: 5 years ago
Posts: 1403
 

@dmitrijs-suhoruckins,

Each usergroups have your own label, you just need to find the labels and use the similar code provided above to replace different group titles with different pictures

jQuery('.wc-comment-label').html('<img src="your image URL"/>');

You need to do right-click(or CTRL+F12) then Inspect element on the frontend page to find each selector.

Please note you should change the red mark code for each usergroups.

 


   
Share:
Scroll to top