Notifications

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

  RSS

Dmitrijs Suhoruckins
(@dmitrijs-suhoruckins)
Member Customer
Joined: 2 weeks ago
Posts: 11
14/02/2020 8:30 am  

Question is about either wpdiscuz and wpforo.


Quote
Elvina
(@elvina)
Honorable Member Moderator
Joined: 6 months ago
Posts: 569
14/02/2020 2:10 pm  

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

This post was modified 6 days ago by Elvina

ReplyQuote
Dmitrijs Suhoruckins
(@dmitrijs-suhoruckins)
Member Customer
Joined: 2 weeks ago
Posts: 11
14/02/2020 9:12 pm  

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?


ReplyQuote
Elvina
(@elvina)
Honorable Member Moderator
Joined: 6 months ago
Posts: 569
15/02/2020 12:19 pm  

@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.

 

This post was modified 5 days ago by Elvina

ReplyQuote
Share: