Reducing and Increasing white spaces in 4.07 (postbit) and add a seperation line too.

[Welshy2008]

Hi All,

I am looking at changing the look of my posts (postbit on vB4.0.7) to look much neater (and similar to what they used to look like in vB3.8.X).

Attached are two images, one as it currently looks "From This" and the other is how I would like it to look "To This".

I would be most grateful if someone could give me layman's terms on how to achieve it please.

Many many Thanks,

Welshy2008.

[Lynne]

What is supposed to be the difference beside the <hr> under the post title?

[Welshy2008]

Hello Lynne,

Thanks for your reply.

Please view the screenshot below of the total of 4 changes that I would like to impliment. :)

Many Thanks.

[Lynne]

You are not going to be able to do all that exactly unless you totally change the postbit to go back to using tables. I have an article in the Quick Tips forum over on vbulletin.com and not forcing the signature to the bottom and thus decreasing the space between the post and the signature. You just need to use CSS for that. And then to add a line under the post title, you can just use CSS also:

.postbitlegacy .title, .eventbit .title { border-bottom: 1px solid black;
}

[Welshy2008]

Thanks for your reply, Lynne.

I would settle for the line between the Post title and the post content.

(I have tried your code, in your post above, in both postbit.css and additional.css, and it works in neither. I am using postbit). Is there anything I can add in my .css and would you be kind enough as to confirm which .css I add to it to, please?).

I would also like the space to be smaller at the bottom of the signature line - and that is it - I am happy. :)

But the most wanted one is the line. :)


Sorry for waffling on. :(

Many Thanks.

[Lynne]

If you are using the postbit, then just add:
.postbit .posttitle { border-bottom: 1px solid black;
}
And see my signature about where to add it. :)

[Welshy2008]

That one worked - Thanks Lynne.

Just one more thing, If I may, Please?

How would I get a space between the new line under the post title and the top of the post content, Please?

Many Thanks.

[Lynne]

Just add a margin in there too.

.postbit .posttitle { border-bottom: 1px solid black; margin-bottom: 10px;
}

[Welshy2008]

Worked great Thanks Lynne.

Would it be possible that you know and could tell me how to remove the line at the bottom of the post content and the signature too, please?

Many Thanks.

[Lynne]

It's just CSS again:
.signature { border-top: 1px solid #DDDDDD; }
which is the stylevar signature_border

I would strongly suggest this article/video for you - How To: Find a StyleVar (video version) (http://www.vbulletin.com/forum/content.php/290-How-To-Find-a-StyleVar-%28video-version%29) If you want to style your site at all, you'll be much happier to be able to do it on your own rather than have to ask somebody else how to do it.

[Welshy2008]

Thanks Lynne,

I have just looked at the video. Excellent stuff.

Thanks to Trevor and to you for your help.