1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Add image before username

Discussion in 'Styling and Customization Questions' started by Garamond, Dec 21, 2011.

  1. Garamond

    Garamond Well-Known Member

    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
  2. James

    James Well-Known Member

    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.
  3. ShadyX

    ShadyX Well-Known Member

    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 :)
    Andrej, Garamond and Digital Doctor like this.
  4. Digital Doctor

    Digital Doctor Well-Known Member

    Looks great !
  5. Garamond

    Garamond Well-Known Member

    Excellent, thanks :) just what I meant!
  6. asusforo

    asusforo Member

    How can i make this done for xenforo 1.2

    I followed this instructions but its not working
  7. katsulynx

    katsulynx Well-Known Member

    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

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

Share This Page