vBulletin 3.x style postbit (user info always above the post)

[ShikiSuen]

ShikiSuen submitted a new resource:

vBulletin 3.x style postbit (user info always above the post) - vBulletin 3.x style postbit (user info always above the post)

Put the following CSS definitions AT THE END OF "Extra.less" Template:

.block--messages .message {
    &.is-mod-selected {border-color: transparent; border-bottom-color: @xf-inlineModHighlightColor;}
}
.blockMessage {box-shadow: none;
    &.blockMessage--none {box-shadow: none;}
}

.block--messages {.block-container {box-shadow: none;}}

.message-inner {display: block;}
.message-cell {
    .m-clearFix();
    &.message-cell--user {
        width: auto;
        border-right: none...

Read more about this resource...

 

[Ptilly]

Awesome!

Would you know how I could get the text to align vertically with the top part of the user's avatar?

 

[djbaxter]

Some custom styles have a built-in option to do this, e.g., https://pixelexit.com/

 

[ShikiSuen]

Awesome!

Would you know how I could get the text to align vertically with the top part of the user's avatar?

If you master how to use flexboxes, you can engineer how the default template can be manipulated by css.

 

[ShikiSuen]

I updated the code fixing the wring placement of the arrow pointing to the user’s avatar.

 

[ShikiSuen]

Some custom styles have a built-in option to do this, e.g., https://pixelexit.com/

Thanks for your recommendation.
Unfortunately, they are out of my old-school taste.