Long login name breaks layout
 

Hi everyone,

I've searched the forums but haven't come across anything that might resolve this. I have noticed that when a user has a particularly long login name, it breaks my layout and pushes the login box out really wide. I have been trying to get the css overflow attribute to work somehow to either clip the long username or to add the '...' three dots as in the text-overflow: ellipsis attribute.

Where should I put the css attribute to resolve this problem in the authentication box, showing the username when someone is logged in?

Any help would be much appreciated...

You could instead truncate the username by using something similar to this in your template:

{$login|truncate:30}

:D That is stunningly good! Thankyou SOO much! Just perfect.