MyBB Community Forums

Hello Comminity!
How can I solve this visual problem?


THX in advance for your help!

Greets,
blongso

Without checking your code (can you provide a link to your forum?), I guess you're using a "white-space: nowrap" in combination with "overflow: visible".
This effect will make the element not breaking a line while the text is still forced to be displayed out of the element.
Check the CSS used in your Forum Display template(s) ...lastpost.

[ExiTuS]

white-space: nowrap;
and
overflow: visible
are the normal CSS lines for this place by mybb and both are working fine,

It looks more like a problem with the avatars in the td. They need more space, so the standard width of the td is not enough anymore.

Simple put a "min-width" in this td.

But ExiTuS is right. We need your site to look into the browser console to give more advice.

Have you tried tweaking it for example:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
    text-align: left;
}

Or:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
    width: 20%;
    text-align: right;
}

Or:

.avatarep_img.avatarep_forumindex_img {
    margin-right: 5px !important;
}

.tborder [id^="cat_"] td:nth-child(5){
     width: 20%;
     text-align: right;
}

.tborder [id^="cat_"] td:nth-child(4){
     width: 5%;
}

.tborder [id^="cat_"] td:nth-child(3){
     width: 5%;
}

etc, etc...