Threadbit lastpost height

[djvj]

How do I stop the clipping occurring on the text at the bottom of the last post column?

See attached image. Inside the yellow box you can see how the text is clipped at the bottom of each thread.

I tried setting the height in each of these css, but it didn't help:
.threadbit .threadinfo
.threadbit .alt
.threadbit .threadstats
.threadbit .threadlastpost

[tbworld]

To assist you in CSS, a link to your board is almost necessary.

You can give this a try, it may not be exactly what you are looking for. Possibly, a better solution might be altering the template for finer control; as the change posted below will alter all line heights in the 'last post' block.

Past this in the bottom of your 'additional.css' template.

#forums a.username {
    line-height: 20px;  /* Adjust this accordingly */
}

[djvj]

Thanks tbworld, but that didn't change anything. I tried a few different values and nothing changed.

My forums can be found at www.hyperlaunch.net/forum. Image above was from the blackend theme, which is where I was doing my test changes for now. The problem exists on the site's default theme too.

I appreciate your help.

[tbworld]

Originally Posted by djvj

Thanks tbworld, but that didn't change anything. I tried a few different values and nothing changed.

My forums can be found at www.hyperlaunch.net/forum. Image above was from the blackend theme, which is where I was doing my test changes for now. The problem exists on the site's default theme too.

I appreciate your help.

You could try:

.lastpostby {
   line-height: 20px;
}

Make sure you clear your browser cache, or you will not see any changes. Better yet, when you are developing set your browser cache to '0' bytes or disable it (depending on the browser you are using).

If you add the code incorrectly in the 'additional.css' template, then the CSS code will not execute (skipped).

[djvj]

Still nothing tbworld.

I tried clearing the cache like you suggested, also tried on IE (normally use chrome) and it looked the same there too. Just installed the cache killer addon instead

It's odd that the column with the thread title doesn't clip the text, yet the last post column it does.

[tbworld]

Originally Posted by djvj

Still nothing tbworld.

I tried clearing the cache like you suggested, also tried on IE (normally use chrome) and it looked the same there too. Just installed the cache killer addon instead

It's odd that the column with the thread title doesn't clip the text, yet the last post column it does.

Looked at your current page. You had:

line-height:100pt  <-- should be 100px,  if that is the line height that you want.

I set the line-height to 20px and it looked fine. Maybe I am looking at the wrong thing?


You may also have to set the height, as I just noticed they use a block element "<div>" there.

.lastpostby {
   height: 20px;
   line-height: 20px; 
}

[djvj]

That was me playing around. I did try px at first.

You said you were able to fix it on your end, so I played around with the css in chrome and figured out the proper one I had to set. Thanks for giving me the idea. This is what fixed it for me:

.threadbit .threadlastpost dd {
    height: 20px;
}