[vB4] Long User Location

[str8tstill]

I asked over at .org, no replies. Thought I would try here.

User location text is getting overlapped down to the next line when the locations are long.

Anyway to format this a bit better ? Limit characters to postbit width?



On default this is as long as you can go before it gets wrapped down to next line.

[Lynne]

We would need a link to see the problem in order to make a CSS recommendation.

[str8tstill]

Thanks. My forum is closed to regged only. Would copying the userinfo_extra here assist? Or something else I can post up?

[Lynne]

Sorry, but the only way to be able to view the css of the page is to actually be able to see the page.

[af1racing]

We've noticed it too, does this help?



and a link to a post: http://www.apriliaforum.com/forums/s...40#post3038440

[Maurd]

Try adding this to your additional.css template..

.postbitlegacy dl.userinfo_extra dd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

Result should look like this..

[af1racing]

Haha, I'm not sure they'll appreciate that but we'll give it a shot. Thanks for the fast reply!

[Maurd]

I'm not sure what else you want to do. The only way to prevent it from wrapping to a new line would be to hide the overflow.

[af1racing]

How can you make the location box wrap to the indent, rather than all the way to the left under "Location"?

I tried editing the user profile field options from single line to multiple with no change.

[af1racing]

This works for us:

.postbitlegacy dl.userinfo_extra dd {
    overflow: auto;
}

Thanks for the clues!

[str8tstill]

This works for us:

.postbitlegacy dl.userinfo_extra dd {
    overflow: auto;
}

[ATTACH=CONFIG]57878[/ATTACH]


Thanks for the clues!

That helped me as well. Thank ya.

One last thing lol, I am trying to widen the userinfo, just looks to narrow for my liking.

I cant find where to edit in the css files.

I see this in firebug

.postbitlegacy .userinfo {
    background: none repeat scroll 0 0 #FBFBFB;
    clear: both;
    display: block;
    float: left;
    font-size: 11px;
    padding: 2px 10px 5px;
    position: relative;
    width: 180px;

Can play with the 180 and it works, but when I go to templates, I cant find the width in additional or postbit css.