Mark,

Of course you can use the CSS code for the “green demo form”, or start from scratch.

It’s difficult to troubleshoot without a URL, generally however, if the width of the form is a critical issue, you may want to start with adding an overflow:hidden; attribute to e.g. #cforms2form, so even if its a bit wider it won’t break your layout until you fixed it.

The overall width of your form is determined by these factors:

• form width

#cforms4form {}

• input field width:

#cforms4form input,
#cforms4form select,
#cforms4form textarea {}

• if applicable, the additional (’required‘) text:

#cforms4form span.reqtxt,
#cforms4form span.emailreqtxt {}

Any of the above declaration, due to the form-prefix, will only apply to this specific form. If any CSS definition (e.g. width) is not accepted (overruled by main CSS style) you may have to use an !important suffix:

#cforms4form {width:140px!important;}

Also, on general note: if you’re using Firefox , install Firebug as an extension. This little gadget is THE BEST CSS/web developer tool I’ve acome across in the last years and it will help you perfect your cforms (and any other) CSS in a heartbeat.