Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Username colour?

edited January 2012 in Vanilla 2.0 - 2.8

Is it possible to change the username colour? I know if you go into the users in the dashboard and edit a user and say add < b ></ b> tags, it changes it bold on some things but most it actually adds the tags. So it looks like < b >Amphios</ b>. I'd like to be able to change colours without it showing the tags. Is it possible?

Best Answer

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    amphios

    I'm not sure it could be done on an individual/group basis.

    AfaIk the username takes its colour(s) from the hyperlink colour associated with the Datalist.

    You can change the colour using:

    .DataList .Author a{color:#FF0000;}

    in a custom css file.

«1

Answers

  • lucluc ✭✭

    Just one user or all of them?

  • Just a specific user, or a usergroup.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP
    Answer ✓

    amphios

    I'm not sure it could be done on an individual/group basis.

    AfaIk the username takes its colour(s) from the hyperlink colour associated with the Datalist.

    You can change the colour using:

    .DataList .Author a{color:#FF0000;}

    in a custom css file.

  • Thanks, just wondered if it was possible.

  • it can be done individual too, if you put them in groups, you can do it like this:

    .role-administrator .Comment .Meta .Author a { color: #FFC125 !important; }
    .role-moderator .Comment .Meta .Author a { color: #0ecae9 !important; }
    .role-member .Comment .Meta .Author a { color: #ffffff !important; }
    .role-guest .Comment .Meta .Author a { color: #ffffff !important; }
    .role-banned .Comment .Meta .Author a { color: #444444 !important; text-decoration: line-through !important; }

  • I'll try this out! So I just put this in my custom.css ?

  • Thanks that worked like a charm, any way to make it so it's not just IN discussions, but everywhere?

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    amphios - I think you'd need to use Firebug or something similar to check what actually calls the user names on different pages, and then try to adapt the code for them.

  • What about if I'm using Chrome?

  • edited January 2012

    element inspector to the rescue.
    also, firebug is also avalible for chrome.

  • Do I enter these in the custom.css files in whatever theme I'm using or would i just have to make my own custom.css file and enter them in?

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    @x4135

    Yes, where you have a custom theme enabled, use that custom.css file to make changes.

  • You don't need firebug in chrome... ctrl+shift+j

    There was an error rendering this rich post.

  • @whu606

    I don't see anything changing..

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    x4135

    Are you using minify?

    What site is it and I'll take a look.

  • whu606 said:
    x4135

    Are you using minify?

    What site is it and I'll take a look.

    hi
    it's not work for me too :(,
    n i don't use minify

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    Safeman - what have you done to try to make it work?

    If you are using a custom theme, and you set a valid css rule in the custom.css file, it really should show in your pages.

  • @ whu606
    I enabled "Minify" and it started to work. But how would I make it pop up on my profile and everything else then just on threads?

  • 422422 Developer MVP

    Cache issue me finks. Delete .ini files ( info on vanilla how to do this )

    There was an error rendering this rich post.

  • whu606whu606 I'm not a SuperHero; I just like wearing tights... MVP

    @x4135 - I'm not sure what you are asking.

    If you want a css rule to affect one type of page only in Vanilla, append .Pagename before the css rule.

    For example,

    .Profile, .DataList .Author a{color:#FF0000;}

This discussion has been closed.