PDA

View Full Version : <legend> Spacing Help


Typical Gamer
09-17-2009, 01:25 AM
Hey Everyone!

I was customizing my theme so nicely until I ran into this snag, how do I add padding-like spaces inside the <legend> attribute? Here's a picture of my text, all squished in the <legend> area:

http://img16.imageshack.us/img16/7177/legendhelp.jpg

Should be an easy one, I hope! Thanks for all the help.
* Basically, I would like that area with legends to look like this "Post New Thread" page (space wise)

Regards,
Andre R

Infopro
09-17-2009, 10:28 AM
On your main CSS page at bottom in first box is the legend CSS section. Add whatever you like there.

Typical Gamer
09-17-2009, 06:09 PM
On your main CSS page at bottom in first box is the legend CSS section. Add whatever you like there.

Adding padding or margin space to the <legend> CSS section does nothing. But, to do what I wanted you must go to (thanks to Jake Bunce (part of the vBulletin team)):

Admin CP -> Styles & Templates -> Style Manager -> Main CSS (in the menu) -> Additional CSS Definitions (at the bottom)

And replace this code:

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

With this code:

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; padding: 15px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

That's what I wanted, just came to update this post with how to do it if anyone else has the same problem. Again, thanks to Jake Bunce for the help.

Regards,
Andre R