Users running a non-download version of Vanilla (pulled from github), on branch release/2019.016 or master from the last 2 weeks should upgrade to release/2019.017 or latest master for security reasons. Downloaded official open sources releases are not affected.

Plugin not working

This discussion is related to the Role Titles addon.

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 Cheerleader & Troubleshooter Munich Moderator

    @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


    jeongwee
  • 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 Cheerleader & Troubleshooter Munich Moderator

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

    R_JMakke375
  • 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.