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

User Rank Ribbons

Discussion in 'Styling and Customization Questions' started by Quiver, May 7, 2013.

  1. Quiver

    Quiver Active Member

  2. Tracy Perry

    Tracy Perry Well-Known Member

    In your user group listing select the User Title OverRide then place <img src="path_to_your_image/image">
    Where the path_to_y0ur_image is (of course) the path, and then the image name.
    If I remember correctly I also had to add

    .messageUserBlock .userTitle {
    display: none !important;
    }
    into the EXTRA.css
    You also need to use the display styling priority in the usergroup settings.
    example.png
     
  3. ShadyX

    ShadyX Well-Known Member

  4. Tracy Perry

    Tracy Perry Well-Known Member

    That is one way of doing it... but it does require template edits (preferably via TMS). The way I listed uses all built in features with no need to look up your user groups and then edit the template each time you add/delete a group.
    Further, Shelley's instructions uses the built in titles to fill in the image (which is just the background). It would still require the EXTRA.css entry for him to block the text so that it does not overlay his image.
     

Share This Page