Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum   wpForo Support Forum

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

  RSS

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

Question is about either wpdiscuz and wpforo.


Elvina
(@elvina)
Noble Member Moderator
Joined: 10 months ago
Posts: 1177
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


Dmitrijs Suhoruckins
(@dmitrijs-suhoruckins)
Member Customer
Joined: 5 months 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?


Elvina
(@elvina)
Noble Member Moderator
Joined: 10 months ago
Posts: 1177
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.

 


Share: