Notifications
Clear all

wpForo 1.x.x [Closed] Change color of usergroup tag

9 Posts
3 Users
6 Likes
1,654 Views
Posts: 13
Topic starter
(@abbelabben)
Eminent Member
Joined: 5 years ago

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?

8 Replies
Robert
Posts: 10475
Admin
(@robert)
Support Team
Joined: 8 years ago

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.

7 Replies
(@abbelabben)
Joined: 5 years ago

Eminent Member
Posts: 13

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.

Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10475

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;}

 

(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

@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

Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10475

@fhazal,

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;}
(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

@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

Robert
Admin
(@robert)
Joined: 8 years ago

Support Team
Posts: 10475

@fhazal,

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.

(@fhazal)
Joined: 3 years ago

Active Member
Posts: 11

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