Board Optimization - How to reduce space in postbit

To reduce the space between the message area and the signature space go in:

Admin CP -> Style & Templates -> Style Manager -> CSS Templates -> Postbit.css

Find:

PHP Code:

/*post bit*/ 


Add under it:

PHP Code:

.postbitlegacy .after_content {
clear:right !important;
} 


Save.

Finish

[Vick98]

Does this work for 4.2 and are there an screen shots to show a before and after?

[S@NL - BlackBik]

Yes, it works on vB4.2
Don't have any screen-shots but basicly it does exactly what is said in the first post.

[kh99]

Didn't know this existed, but I have a couple things to add: one is that if you put the code in the additional.css template, it will stay there when you upgrade. Also, you might be able to remove more space by adding this (in additional to the code shown in the first post):

.postbitlegacy .postrow.has_after_content {
    padding-bottom: 0px;
}

0px might remove a little too much, but you can increase it if you want.

Edit: oops, didn't notice that we're on page 12 of comments, this has probably been mentioned before.

[oldz442]

Went a bit further and bottom aligned 'edited by', 'signature' and the 'likebox thanks hack'. Some pics and CSS below. There is more CSS tweak stuff... margin, padding, etc.

---------------
additional.css
---------------
.top-align { vertical-align: top; }
.bottom-align { vertical-align: bottom; }
.postbitlegacy .postbody { margin: 0 !important; }
.postbitlegacy .postrow.has_after_content { padding-bottom: 0em !important; }

---------------
postbit_legacy
---------------

<div class="postdetails">
  <table style="width:100%">
    <tr>
      <td rowspan="2" class="top-align">
        <div class="userinfo">
          LEFT-USERINFO-BOX
        </div>
      </td> 
      <td class="top-align">
       <div class="postbody">
         CONTENT
       </div>
      </td>
    </tr>
    <tr>
      <td class="bottom-align">
        LASTEDIT / SIGNATURE / LIKEBOX
      </td>
    </tr>
  </table>
</div>

[mjfutures]

Originally Posted by kh99

Didn't know this existed, but I have a couple things to add: one is that if you put the code in the additional.css template, it will stay there when you upgrade. Also, you might be able to remove more space by adding this (in additional to the code shown in the first post):

.postbitlegacy .postrow.has_after_content {
    padding-bottom: 0px;
}

0px might remove a little too much, but you can increase it if you want.

Edit: oops, didn't notice that we're on page 12 of comments, this has probably been mentioned before.

Where do I put this additional code?

[dougdirac]

Originally Posted by mjfutures

Where do I put this additional code?

In the Style Manager

Edit Templates--> CSS Templates-->additional.css

[ndut]

anybody can help?
how to reduce space between image reputation ?

thank you

[dougdirac]

Originally Posted by oldz442

Went a bit further and bottom aligned 'edited by', 'signature' and the 'likebox thanks hack'. Some pics and CSS below. There is more CSS tweak stuff... margin, padding, etc.

---------------
additional.css
---------------
.top-align { vertical-align: top; }
.bottom-align { vertical-align: bottom; }
.postbitlegacy .postbody { margin: 0 !important; }
.postbitlegacy .postrow.has_after_content { padding-bottom: 0em !important; }

---------------
postbit_legacy
---------------

<div class="postdetails">
  <table style="width:100%">
    <tr>
      <td rowspan="2" class="top-align">
        <div class="userinfo">
          LEFT-USERINFO-BOX
        </div>
      </td> 
      <td class="top-align">
       <div class="postbody">
         CONTENT
       </div>
      </td>
    </tr>
    <tr>
      <td class="bottom-align">
        LASTEDIT / SIGNATURE / LIKEBOX
      </td>
    </tr>
  </table>
</div>

Does this work even if you're not using the Likes hack?

[oldz442]

Sure. The last <td> is just to bottom align things within it.

I just had to play around with margins/padding a bit. ie. my last edit line is still a tad bit high (~14px when it should be closer 10px bottom margin)

[Superorb]

Originally Posted by oldz442

Sure. The last <td> is just to bottom align things within it.

I just had to play around with margins/padding a bit. ie. my last edit line is still a tad bit high (~14px when it should be closer 10px bottom margin)

Can this be done without tables? I'd love to remove the space AND have the signatures align with the bottom.