How do I change the color of the usergroup tag? If you look at the image I attached to this post you can see what I mean. The color of the rank "Ägare" is red and the color of the rank "Spelare" is white. How do I change this?
I'm sorry but there is no option for this yet. You should use CSS code like this:
/* Admin */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-1 {background-color: #0099CC !important;}
/* Moderator */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-2 {background-color: #FF812D !important;}
/* Registered */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-3 {background-color: #ffffff !important;}
/* Guest */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-4 {background-color: #ffffff !important;}
/* Customer */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-5 {background-color: #FF812D !important;}
Change the red marked colors for according usergroup, put in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, save it, delete all caches, navigate to forum front-end and press Ctrl+F5 do delete browser cache.
Thanks a lot! It worked! Just one thing, that only changed the color of the box itself. How do I change color of the text to white? Look at this image to see what I mean.
Change it with the same code, but with color: attribute.
/* Admin */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-1 {background-color: #0099CC !important; color: #ffffff !important;}
/* Moderator */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-2 {background-color: #FF812D !important; color: #ffffff !important;}
/* Registered */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-3 {background-color: #ffffff !important; color: #cccccc !important;}
/* Guest */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-4 {background-color: #ffffff !important; color: #cccccc !important;}
/* Customer */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-5 {background-color: #FF812D !important; color: #ffffff !important;}
@robert i try this and put at the Dashboard > Forums > Settings > Styles > Custom CSS but nothing happen? is this post too old and already been update? i also want the same this i want each usergroup tag with color at the title like admin,how can i do this ? my web https://bajubesi.com.my
First you should exclude your forum page from the WP-Super-Cache plugin you use. Just exclude forum from the cache and delete all caches. Here is the instruction: https://wpforo.com/community/faq/wpforo-and-cache-plugins/
Second, I just checked your custom css file and didn't find any custom code. So it's either cached or you've put it.
Third the CSS code should be edited and changed to the usergroup IDs. I see you have new usergroups like Author and the ID of Author is 6, so you if you want to manage this usergroup color you should add another line with Usegroup ID 6, nd so on... The Usergroup IDs can be found in Dashboard > Forums > Usergroups table (last column):
/* Customer */
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-6 {background-color: #FF812D !important; color: #ffffff !important;}
@robert tq so much for the tips,this solve my problem for, forum post not instantly post when i use litespeed cache
for the code wpfug-1 is the usergroup id 6 right?? so change there?,im sorry,im new with wordpress and wpforo,and my english is bad because its not my mothertounge.
#wpforo #wpforo-wrap .wpf-member-title.wpfut.wpfug-1
its working great now! thank u so much Robert
As I've already explained you should find ID-s of certain usergroup in Forums > Usergroups admin page, I don't know if the 6 is right, because i don't know what usergroup you want to set a color. Just find the ID and do whatever you want.
@robert its working,thanks for your reply i understand what u mean,thanks again for the big help,i really enjoy wpforo plugin,i hope more features will come in,planning to use this plugin for all my work,hope someday u can do ajax posting like xenforo,vbulletin etc.
