Fixing baseline misalignment?

I don't understand why the text and fields in my form are not aligned to the same baseline.

Seems like it gets worse the further down the form your scroll:





http://gnsefpc.org/index.php?option=com_chronocontact&chronoformname=membershipapp


Thoughts?

Phil

Hi psasso,

It looks as though your template is adding some spacing above the labels.

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin: 0.5em 0;
}

Bob

THANKS!!!

Is there a way to use a different template just for my Chronoforms?

Phil

Hi psasso,

Sure, you can use CSS selectors tied to the form ID or to the classes that ChronoForms adds to the form HTML.

Bob

Thanks!

I'll try my hand at it and let you know if I can get it working.

Have a great weekend!

Phil

Greyhead (or as we'd say in the state, Grayhead),

I was looking for the most elegant solution for this, but I am just learning CSS.

After fumbling a bit, I think I fixed it by just adding "input" to css snippet you listed above.

It seems to work. Am I cheating or have I really solved it?

Thanks!

Phil

Greyhead,

Bought the Chronoforms Cookbook. Awesome resource!

Thanks!

Phil