Customizing Form - Spacing/boxes

Hi There,

One more question, could you please let me know where in the CSS I can remove some of those boxes around the form field (please see attached image with arrows in red) also I would like to add some cellpadding and cell spacing in the form fields to give it some room, please let me know where I might be able to find that - Thanks so much - this forum is the BEST.

You need to add such CSS in your template's CSS:

fieldset{ border: 0; }
table td{ padding:10px; }
table{ border-spacing: 10px; }

Thanks again - it worked - you guys are awesome.

I have the opposite as byesuzuki have, there is too mush spacing and padding. I have tried customize the css, but cant find any solution. And how can I move up the "asterisk sign" to the same level as the field?

Please give a link to that page. The CSS styling is based on your template so the code to use will vary based on your template. That's why we need to see it directly on the website.

www.barajakt.se/166/

Thank you for the great support Nicolas!

The problem indeed comes from the CSS of your template.
To change that you should remove the code display: block; and margin-bottom: 10px; from the lines below in the file www.barajakt.se/166/templates/shoplab/css/styles.css

div.component input,div.component select,div.component textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}
input,select, textarea {background: -moz-linear-gradient(center top , #F1F1F1, #FFFFFF) repeat scroll 0 0 transparent;border: 1px solid #DCDCDC;margin-bottom: 10px;padding: 3px;display: block;}

Thanks! Works great on IE & Chrome!
For some reason the problem remains on Firefox, nothing at all happend there. Any thoughts?

I just checked and it's displaying fine in firefox. It must be because your template CSS is still cached in your browser.