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

Get usernames to display in entirety?

Discussion in 'Styling and Customization Questions' started by OakleyForum, May 17, 2013.

  1. OakleyForum

    OakleyForum Active Member

    I have an add-on which shows when a user is offline or online, but as you can see in the attached picture, alot of usernames are being cut off and sent to the next line. I would prefer the username is just a little lower, so it displays across the entire area under the offline badge. Could anyone help with this?

    Attached Files:

  2. Tracy Perry

    Tracy Perry Well-Known Member

    You will have to play with the following code
    .messageUserInfo {
    width: 124px;
    and edit the width to fit (or adjust the font size for the names). By using the related code you will also have to style the rest of the message area so that it does not overlap.
    The other option is limit the number of characters in a user name.
  3. James

    James Well-Known Member

    The alternative may be to bring the online indicator up a few pixels so it doesn't interfere.

    Judging by Tracy's code (I'm on mobile) the block is fixed anyway, meaning usernames over a certain length will automatically wrap (rather than increase the width of the message user info block).
  4. Tracy Perry

    Tracy Perry Well-Known Member

    Yeah, the add-on doesn't really impact the username sector. It's related to the width of the .messageUserInfo block. I think it defaults to 124px (at least that's what it is on my site and my test forum using modified default styles).
  5. OakleyForum

    OakleyForum Active Member

    Ok, thanks I will play around with that and report back!
  6. OakleyForum

    OakleyForum Active Member

    That seemed to just make the message user info area wider. I would like it to not wrap when it hits the online badge instead just continue.
  7. James

    James Well-Known Member

    try this in your EXTRA.css:
    span.UserOnline, span.UserOffline{
    margin-top: -20px;
  8. EQnoble

    EQnoble Well-Known Member

    What addon is this for?
    Without knowing that I would just suggest putting this in EXTRA.css
    span.UserOnline, span.UserOffline {
        margin: -8px -5px -8px 5px;
    .messageUserBlock .userText a.username {
        margin-top: 3px;
    Will look like this for example:
  9. Tracy Perry

    Tracy Perry Well-Known Member

    I've found using the default style layout, about 15 characters in the username are the max you can have. Any more than that (without adjusting the block size or font size of the username) and the name wraps to a second line no matter whether that add-on was used or not.
  10. jayramfootball

    jayramfootball Active Member

    Is there a way of stopping usernames that have more than say 14 characters in the same word? The wrapping is only an issue when it is mid word...

Share This Page