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
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.
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
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?
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
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?
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.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.