PDA

View Full Version : Reduce Space In Postbit


men2dope
07-05-2014, 02:12 AM
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!)

https://vborg.vbsupport.ru/external/2014/07/32.jpg

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.

https://vborg.vbsupport.ru/external/2014/07/33.jpg

Dave
07-05-2014, 08:17 AM
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
07-05-2014, 01:19 PM
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
07-05-2014, 07:46 PM
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
07-05-2014, 07:49 PM
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:

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

KGodel
07-05-2014, 07:54 PM
Here is what we have: http://imgur.com/4cCydH9

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

Dave
07-05-2014, 07:57 PM
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
07-05-2014, 08:00 PM
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
07-05-2014, 08:12 PM
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
07-05-2014, 08:22 PM
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

Dave
07-05-2014, 08:31 PM
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

This is going to be tricky, I'll try some things and let you know.

KGodel
07-05-2014, 08:31 PM
Thanks Dave. I'll look forward to the response. ^^

KGodel
07-11-2014, 03:45 AM
Any success Dave?

Dave
07-11-2014, 08:12 AM
I have not been able to figure it out, it's rather tricky because they are all parent div's. Hopefully someone else on this community might know the solution.