any way to force topic title to not take multi lines

any way to force topic title to not take multi lines this problem i think because the topic tools like quote - edit and the rest of these buttons the topic title take line ever word like this image



is there any way to make the title on one line or make it disappear
this make my forum topics show is really bad
 

Hello Michael_vx,

Add this to your CSS stylesheet :
It should prevent text wrapping, but if it doesn't let me know.

Code:

.postdetails { white-space:nowrap !important; }

@Ange Tuteur wrote:Hello Michael_vx,

Add this to your CSS stylesheet :
It should prevent text wrapping, but if it doesn't let me know.

Code:

.postdetails { white-space:nowrap !important; }

hi sorry for late because the Power outage last night
its working but i think better to force to be shorter like this
(this is topic title really really long) to be (this is topic..)
or make the title in line and the topic tools in the next line after title
if that possible otherway im forced to remove the topic tools  

You can try displaying it as a block level element, that should force it to the next line.

Code:

.postdetails {
    display:block;
    white-space:nowrap !important;
}

@Ange Tuteur wrote:You can try displaying it as a block level element, that should force it to the next line.

Code:

.postdetails {
    display:block;
    white-space:nowrap !important;
}

hmmm  
still use the same line as topic tools
any other idea  

Oh, I forgot they're in separate cells. Mmm you could probably try clipping the topic title in the post details if it exceeds a certain amount of width. Try this :

Code:

.postdetails {
    display:block;
    overflow:hidden;
    width:300px;
}

.postdetails.poster-profile {
    display:inline;
    overflow:visible;
    width:auto;
}

Increase the value of width:300px; if its too much, or too little.

@Ange Tuteur wrote:Oh, I forgot they're in separate cells. Mmm you could probably try clipping the topic title in the post details if it exceeds a certain amount of width. Try this :

Code:

.postdetails {
    display:block;
    overflow:hidden;
    width:300px;
}

.postdetails.poster-profile {
    display:inline;
    overflow:visible;
    width:auto;
}

Increase the value of width:300px; if its too much, or too little.

 
better then nothing by the way

Code:

    .postdetails {
        display:block;
        overflow:hidden;
        width:100px;
    }
    .postdetails { white-space:nowrap !important; }

this way little better its also did the poster details in limited box
yeah Ange you cool
you hit two birds with one rock
 
i dont know if there better then this but this good to me i could solved i guess

You have added this ?

Code:

.postdetails.poster-profile {
    display:inline;
    overflow:visible;
    width:auto;
}

It is to make sure the profiles have the proper properties. ( doesn't get clipped )

@Ange Tuteur wrote:You have added this ?

Code:

.postdetails.poster-profile {
    display:inline;
    overflow:visible;
    width:auto;
}

It is to make sure the profiles have the proper properties. ( doesn't get clipped )

the reason for me to not use this code is
Distorts the appearance of the poster details
i dont know why but i guess clipped profile looks good
Considered solved  

okay

Topic solved and archived