The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

any way to force topic title to not take multi lines

View previous topic View next topic Go down

Solved any way to force topic title to not take multi lines

Post by Michael_vx on April 6th 2014, 4:00 pm

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
Sad

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Ange Tuteur on April 6th 2014, 9:01 pm

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Michael_vx on April 7th 2014, 9:03 am

@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 Sad

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Ange Tuteur on April 7th 2014, 9:10 am

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Michael_vx on April 7th 2014, 9:13 am

@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 Sad
still use the same line as topic tools
any other idea Hello

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Ange Tuteur on April 7th 2014, 9:24 am

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Michael_vx on April 7th 2014, 9:45 am

@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.
Smile
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
Laughing
i dont know if there better then this but this good to me i could solved i guess

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Ange Tuteur on April 7th 2014, 9:55 am

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Michael_vx on April 7th 2014, 10:05 am

@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 Very Happy
Considered solved Very Happy

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: any way to force topic title to not take multi lines

Post by Ange Tuteur on April 7th 2014, 11:11 am

okay Wink

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum