Plugin not working

CptLuckyy

I went to forums/themes/mytheme/plugins and installed the Role Title. However it doesn't work.
I also put the color classes in the custom.css and still didnt work

jeongwee

@CptLuckyy
It should be working.
I have tested it on localhost as the pictures.

R_J

@CptLuckyy said:
I went to forums/themes/mytheme/plugins and installed the Role Title. However it doesn't work.
I also put the color classes in the custom.css and still didnt work

All plugins must go to /plugins folder

CptLuckyy

Yeah its a bit obvious that the folder called plugins plugins go in there.. If the plugin makes the boxes look like a childs board then i aint using it. I want the names to be colored not the messages.

R_J

@CptLuckyy said:
Yeah its a bit obvious that the folder called plugins plugins go in there.. If the plugin makes the boxes look like a childs board then i aint using it. I want the names to be colored not the messages.

That's where CSS comes in. The main achievement of the role title plugin is that it adds CSS classes which can be used to style whatever you want based on the users role.
The screenshot above was a gift from a forum member to you, to show you how to use the plugin.

jeongwee

@CptLuckyy

/------- Add the codes to your custom.css ---------/
The path should be themes/yourtheme/design/custom.css
/------- Codes for change usernames ---------/
li.Role_Moderator .Author a.Username{color:green;}
li.Role_Member .Author a.Username{color:blue;}
li.Role_Administrator .Author a.Username{color:red;}
/------- Codes for change role titles ---------/
li.Role_Moderator .AuthorInfo span{color:lightgreen;}
li.Role_Member .AuthorInfo span{color:lightblue;}
li.Role_Administrator .AuthorInfo span{color:pink;}
/------- Codes for change contents ---------/
li.Role_Moderator .Message.userContent p{color:lightseagreen;}
li.Role_Member .Message.userContent p{color:darkturquoise;}
li.Role_Administrator .Message.userContent p{color:firebrick;}
/------- Codes for change backgrounds ---------/
li.Role_Moderator {background-color:rgba(144, 238, 144, 0.1);}
li.Role_Member {background-color:rgba(173, 216, 230, 0.1);}
li.Role_Administrator{background-color:rgba(255, 192, 203, 0.1);}
/------- The codes above will display like this. ---------/

/------- Add !important to a rule if the rule does'nt working ---------/
For example if username color of Moderator doesn't change.
You should write the rule like this:
li.Role_Moderator .Author a.Username{color:green !important;}

I hope this helps.

jeongwee

@CptLuckyy
How to select
https://www.w3schools.com/cssref/css_selectors.asp
Color name
https://www.w3schools.com/colors/colors_names.asp

CptLuckyy

It didnt work I put the code in custom.css and the plugin is installed.

jeongwee

@CptLuckyy

media (max-width:500px) {
rule1
rule2
rule3
rule....
}

It seems the place you have put the rules only working on max-width:500px. So you might not seeing the changes on desktop.

try move the rules to here（ and save and clear browser cookies ） to see if it is working.

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp