Reduce Space In Postbit

[men2dope]

Hello guys, I'm having this real annoying issue with my forum. Unfortunately there's some extra spacing between the message area and the posts signature. (EXAMPLE BELOW!)



I've searched online ALL DAY for answers and falling into short, misguided responses on the web. I really would like to know from somebody who is experienced in this, how to fix this problem. Is there a code I need to edit in the theme manager? Or a plugin? Anything that could fix this is needed and appreciated.

This is how I want it to look.

[Dave]

Find .postbitlegacy .after_content in the postbit.css CSS template and remove clear: both; or change both to right.
That should do the trick.

[men2dope]

Originally Posted by Dave

Find .postbitlegacy .after_content in the postbit.css CSS template and remove clear: both; or change both to right.
That should do the trick.

THANK YOU SO MUCH!!!! :up:

[KGodel]

This is a good question. I have an additional one: is there a way to align it to the bottom? Right now the signatures are in the middle of the content area which looks a bit awkward.

[Dave]

Originally Posted by KGodel

This is a good question. I have an additional one: is there a way to align it to the bottom? Right now the signatures are in the middle of the content area which looks a bit awkward.

I'm not entirely sure what you mean, but you could set a min-height to the .postbitlegacy .postrow.has_after_content class and change it to your needs.
What this does is that it forces a minimum height, and once a post reaches a height that's more than the min-height, it will automatically stretch with the content.

Example:

PHP Code:

.postbitlegacy .postrow.has_after_content{
  min-height: 300px;
} 


[KGodel]

Here is what we have: http://imgur.com/4cCydH9

Here is what I'm looking to do: http://imgur.com/8zWpRmO

[Dave]

Originally Posted by KGodel

Here is what we have: http://imgur.com/4cCydH9

Here is what I'm looking to do: http://imgur.com/8zWpRmO

Yes, you should be able to do that with the instructions in my previous post.

[KGodel]

But there is no way to ensure that the signature area will align with the bottom of the content every time without using min-height?

[Dave]

Hmm you could try the following:

.postbitlegacy .postdetails{
  position: relative;
}

.postbitlegacy .after_content{
  position: absolute;
  bottom: 10px;
  width: 79%; /* Change this to your needs to fix the width of the signature separator. */
}

[KGodel]

Took some tinkering, changed bottom to a percentage but its working fairly well. Thanks Dave.

Now we're getting errors like this: http://prntscr.com/3zqyzj