Add image before username

[raytrails]

Is it possible to add a small icon to the left of the username, for certain user groups? And if so, what would the code look like? I'm trying to edit Members -> User Groups -> Username CSS

 

[James]

You could use username CSS, but that would make the image only appear in areas where the rich username is used. If you want it permanently, you should probably overwrite the username helper and prepend an image.

 

[dtmcl]

background: url("yourimage") no-repeat scroll left center transparent;
padding-left: 17px;

That is the username CSS we use on Admin Forums for icons next to their usernames

 

[Digital Doctor]

background: url("yourimage") no-repeat scroll left center transparent;
padding-left: 17px;

That is the username CSS we use on Admin Forums for icons next to their usernames

Looks great !

 

[raytrails]

Excellent, thanks just what I meant!

 

[asusforo]

How can i make this done for xenforo 1.2

I followed this instructions but its not working

 

[Lukas W.]

It's a problem at your end, the code works totally fine and is unrelatd to your XenForo version. Go to Users->User Groups->List User Groups, select your desired User Group and add

background: url("yourimage") no-repeat scroll left center transparent;
padding-left: 17px;

as a start to the "User Name CSS"-Block. Make of course sure, you are replacing yourimage with a valid image url.

 

[ekool]

What would be the code to add an emoji next to the username?