Would like less space between a froum post and the attachments section, can't find CSS

[StephenKay]

There's an awful lot of white space between the contents of a forum discussion, and the attachments section. But I can't for the life of me find in the CSS where that can be altered.

[StephenKay]

I guess the attachments and signature are placed down below the end of the stuff in the left side box, i.e. under the Tweet icon. Probably the way it's designed and can't really be modified...

[Wayne Luke]

In the b-post-attachments.css template you would see this code:

.b-post-attachments {
    padding: 5px;
    padding-{vb:stylevar left}: 9px;
    color: {vb:stylevar module_tab_text_color};
    border-radius: 3px;
    border: {vb:stylevar post_border};
    background: {vb:stylevar contententry_panel_background};
    clear: both;
}

The clear:both is what moves it to the bottom. You would have to write your own CSS and adjust this value alongwith padding and margins to get the effect you're looking for. You can put your custom CSS in the css_additional.css template to overwrite our default code.

You can see the CSS documentation on your site by adding to /special/css-examples when viewing your site in your browser. On this page, it will show the different CSS blocks and clicking on Edit will take you to the template that contains that block of code.

www.yoursite.com/pathtovbulletin/special/css-examples

[StephenKay]

Thanks Wayne, I was able to adjust the whitespace to be less, by doing this (in case anyone is interested):

/* less white space in the body of forum posts between text, attachments, signature */
.OLD__post-content {
    min-height: 130px;
}
.b-post .b-post-attachments {
    margin-top: 40px;
    clear: none;
}
.post-signature {
    clear: none;
}

You can see before/after pictures below. Just too much wasted space for my taste (could be even less, but I left some in there)....

[glennrocksvb]

Make sure it works well in all cases including posts without signature

[StephenKay]

Glenn - thanks, I did. It seems to work really well. In a short post with no signature, the height of the text area is governed by the contents of the left sidebox containing the poster's info. In a very short post with a signature, the min-height: 130px is what makes the signature look the same as it normally would. Anyway, I'll be watching to see if I notice any side effects.

[glennrocksvb]

I did a quick check on the CSS by applying it here and I noticed that min-height is getting applied on the comments too. You have to adjust the CSS to only target the OLD__post-content for the reply and not comment:

[COLOR=#FF0000].b-post__content[/COLOR] .OLD__post-content {
    min-height: 130px;
}
.b-post .b-post-attachments {
    margin-top: 40px;
    clear: none;
}
.post-signature {
    clear: none;
}

[StephenKay]

Thanks! How right you are.

[glennrocksvb]

You also need to do this for desktop only.

.l-desktop .b-post__content .OLD__post-content {
    min-height: 130px;
}
.l-desktop .b-post .b-post-attachments {
    margin-top: 40px;
    clear: none;
}
.l-desktop .post-signature {
    clear: none;
}

[StephenKay]

Glenn - what does that affect? I'm usually using desktop/computer to view this stuff...

[glennrocksvb]

You need to apply the CSS to desktop only. The mobile doesn't have the big space issue. The above CSS will target large screen devices only.

[StephenKay]

Thanks, will do. The iPhone and IPad I tested showed little difference either way, but you're correct, they don't need to be corrected for this issue (if you find it an issue). You are the CSS guru!