vBulletin Blog - Blog Description Background

Okay, this very minor CSS addition just does one thing; adds the right background to the blog_description property. Because by default, it just places this text on the page background colour with no nice background and no box border. And I felt it looked out of place.

In 'All Style Options', add this under 'Additional CSS':

#blog_description {background: [same as blog_message]; color: [Same as blog_message]; border: 1px solid black }

Replace as need be. Just felt like posting this because it felt half finished otherwise.

Oh, and change values for the other skins.

Demos:

http://jpicforum.info/blog.php?u=1 (With 10px padding)

http://www.dsultimate.net/Board/upload/blog.php?u=1 (guess why this forum added it).

Thanks to PoetJA-1975 for first demo.

[Brandon Sheley]

screenshot or demo ?

[cheat-master30]

Oh, right. Have one soon.

[cheat-master30]

Screenshot added, and demo is pretty obvious from the screenshot. Oh, and if you thought the border would be thicker, or to change colours, do this:

#blog_description {background: [same as blog_message]; color: [Same as blog_message]; border: 2px solid GREEN }

Note, highlighted for emphasis. Please removing bolding and decapitalise GREEN before use, or changed as necessary to suit board or style.

[PoetJA-1975]

Demo at: http://jpicforum.info/blog.php?u=1
I added additional padding element: padding:10px;

Thanx very much for the share.
I don't know why on earth that section was designed without any border or background - A little silly in my opinion....

Anyway - Thanx

Jacquii.

[cheat-master30]

^That is why it was added. Because someone screwed quite a bit and didn't realise the effect on aesthetics.

[Reeve of shinra]

I felt the same way, glad you shared this.

[cheat-master30]

No problem. Sometimes a minor thing can help.

[Ophelia]

Having a blonde moment.

I have this:

#blog_description { background: #FFEA7B; color: [Same as blog_message]; }

I would like a padding around it though. How would I do that?

[cheat-master30]

You would change to:

#blog_description { background: #FFEA7B; color: [Same as blog_message]; padding: [whatever]; }

Oh, and by the way, if you have not done so, edit the [same as blog_message] and [whatever] to what you want.