Hmm.. I'll try and explain it the best I can..
First, you'll need to go to
Styles & Templates >
Style Manager > Then go to the style you want to edit this in.. Click Go on
All Style Options
then you'll want to scroll down to the "Additional CSS Definitions"
here we'll make a custom css for the "Boxes"
Code:
.postbitbox {
background-color: #383838;
border-top: 1px solid #242424;
border-right: 2px solid #242424;
border-left: 1px solid #242424;
border-bottom: 2px solid #242424;
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 3px;
}
you can play around with the settings that best fit what you need..
once you've entered that and saved..
you can now go to your Postbit template (Either postbit or postbit_legacy, whichever you use)
and around your info that you want in boxes you would call for the CSS.. Here's an example:
Code:
<div class="postbitbox"><b>$vbphrase[posts]</b>: $post[posts]</div>
Now if you have an <if> command it'd be better if you moved the <if> tags outside the <div> boxes. So that if they're not set to show, it wont leave an empty box. Example:
Code:
<if condition="$post['field2']">
<div class="postbitbox"><b>$vbphrase[location_perm]</b>: $post[field2]</div>
</if>
hope that helps some