HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Plugin not working

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

Comments

  • jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2018

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


  • R_JR_J Ex-Fanboy Munich Admin

    @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

  • 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_JR_J Ex-Fanboy Munich Admin

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

  • jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2018

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

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

  • jeongweejeongwee Vanilla version 2.6 ✭✭
    edited July 2018

    @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

Sign In or Register to comment.