XF 2.0 How to increase width of username/avatar area?

[DChapman]

Greetings,

I have multiple users who have usernames that are long enough to cause a second row. Is it possible to increase the size of that area so it doesn't happen? Or is there another easy solution that is recommended?

Thank you!

 

[Emre]

Min 3, Max 25 Characters edit.

 

[DChapman]

Thank you but I don't want to limit the size of their username at this point. I'd just like to increase the width of that area to fit what is now there.

 

[KSA]

insert this code in your extra.less template & adjust the number to whatever you like

.message-cell.message-cell--user {
    flex: 0 0 200px;
}

 

[Brad Padgett]

insert this code in your extra.less template & adjust the number to whatever you like

.message-cell.message-cell--user {
    flex: 0 0 200px;
}

That's a very genuine response but not necessary to use CSS.

You can do the same thing if you go to appearance -> style properties -> messages -> message user info block width

From there you can change the option to increase the width.

 

[KSA]

That's a very genuine response but not necessary to use CSS.

You can do the same thing if you go to appearance -> style properties -> messages -> message user info block width

From there you can change the option to increase the width.

True but its much more convenient IMO to write in the extra.less template with some comments so you can easily refer to whenever you need instead of messing with the default setting.