How to move the user box from left to top on a topic/thread?

[fionix]

I know this is done somewhere in the OPTIONS menu I think. At least I remember there was an option to set this simply in Vbulletin!

Now the user name, post count etc. is on the left of each thread / topic displayed. In the old days of vbulletin, all this information was on TOP of each thread, many forums have it still this way.

How can this be done simply?

[fionix]

Okay after a lot of search I found this:
AdminCP > vBulletin Options > vBulletin Options > Style & Language Options > Use Legacy (Vertical) Postbit > Yes

I want to do the opposit, so I just have to set this to NO

And it says:

Please note that if you enable this option and wish to customize the template, you should edit the 'postbit_legacy' template rather than the 'postbit'.

I have been looking for the postbit_legacy in all templates, it is no where in Vbulletin 5??

Can you tell me how to find it or what to do please?

[Trevor Hannant]

That setting shouldn't actually be there:

http://tracker.vbulletin.com/browse/VBV-3650

To change this you'll need to edit the relevant display templates. To find which template you need to change, enable the following setting:

AdminCP > Settings > Options > General Settings > Add Template Name in HTML Comments

After enabling this, refresh the page you're on and view the source code - the start and finish point of each template will then be marked in the source code.

[glennrocksvb]

Try adding this custom css in css_additional.css template:

.conversation-thread-view .l-row .l-col__fixed-3 {
    width: 100%;
    float: none;
}
.conversation-thread-view .b-userinfo {
    text-align: left;
}
.conversation-thread-view .b-userinfo > .b-avatar {
    float: left;
    margin-right: 10px;
}
.conversation-thread-view .b-userinfo__details {
    display: table-cell;
}
.conversation-thread-view .b-userinfo__additional-info-block {
    margin-top: 5px;
}
.conversation-thread-view .b-userinfo__additional-info {
    display: inline-block;
    margin-right: 10px;
}
.conversation-thread-view .js-post__content-wrapper {
    margin: 0;
}
.conversation-thread-view .b-post--first .b-post__arrow {
    border-bottom-color: #EBF4F9;
}
.conversation-thread-view .b-post__arrow {
    top: -10px;
    left: 39px;
    border-bottom: 10px solid #FFF;
    border-top: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

[fionix]

Perfect, that did the trick... Thank you sooo much There is no need to go into the OPTIONS etc... just copy/paste that code and you are done!

[glennrocksvb]

You're welcome. Glad to help