any way to force topic title to not take multi lines
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
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

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

Michael_vx- Forumember
-
Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: any way to force topic title to not take multi lines
Hello Michael_vx,
Add this to your CSS stylesheet :
It should prevent text wrapping, but if it doesn't let me know.
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; }
Re: any way to force topic title to not take multi lines
hi sorry for late because the Power outage last night@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; }
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

Michael_vx- Forumember
-
Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: any way to force topic title to not take multi lines
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;
}
Re: any way to force topic title to not take multi lines
hmmm@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;
}

still use the same line as topic tools
any other idea

Michael_vx- Forumember
-
Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: any way to force topic title to not take multi lines
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 :
Increase the value of width:300px; if its too much, or too little.
- 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.
Re: any way to force topic title to not take multi lines
@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; }
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
Michael_vx- Forumember
-
Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: any way to force topic title to not take multi lines
You have added this ?
It is to make sure the profiles have the proper properties. ( doesn't get clipped )
- 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 )
Re: any way to force topic title to not take multi lines
the reason for me to not use this code is@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 )
Distorts the appearance of the poster details
i dont know why but i guess clipped profile looks good

Considered solved

Michael_vx- Forumember
-
Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum