I searched the forum and wasn't able to find the information I needed. I am passing data from cforms into my CRM, vTiger (think open source Salesforce). The name ID's must be the same as the custom field name id's in my CRM for it to pull the data in correctly, which gives me lovely parts of a form that look like this:

The text in the fields are the default values, which I've just made what the field is in my CRM so that I can build the form and have a clue as to what's going on (although my testing right now is pretty funny- pages and pages of leads where the Down Payment is Down Payment, and so on, for the entire page).

I'm going through the handy-dandy PDF cforms CSS guide here (http://www.deliciousdays.com/d…..-guide.pdf), but I'm still not quite sure what to do.

I've enabled html id's for all my form elements- that should let me edit the individual lines (or am I wrong?)

I thought I could just set something like cform.label to point to the default values, or something, but I couldn't find anything that said cform.label.

Is there any way to edit the labels line by line in cforms? If not, is there any way to fix this in CSS other than just making all the labels hidden so the only thing people see is the default values? I suppose I can bold and grey out the default values more for these fields, but I don't think it would look as good, or be quite as functional.

I'm sorry to ask these questions but I've spent three days searching the forums and banging my head against this, and I haven't quite figured it out. Any help?

An update:

Since you need to have the top line be the ugly CRM form number (cf_616), to make my form look nice I've gone into the CSS and set these fields:

.cform label {
    margin:0 10px 0 0;
    text-align:left;
    font-size: 11px;
    display:block;
    color:#F76262;
    padding:2px;
    letter-spacing:1px;
}

label.cf-before {
    display:-moz-inline-box; /*for mozilla*/
    display:inline-block; /*for Opera & IE*/
    margin:3px 5px 0 0;
    width:80px;
}

//this bit controls the labels before the radio buttons.

ol.cf-ol li.cf-box-title {
    color:#611616;
    font-size:11px;
    letter-spacing:1px;
    padding:6px 0pt 0pt;
}

(note- if you have drop down boxes instead of just radio buttons, you might need to find that bit of CSS as well)

to this setting:

    display:none;
    border:none!important;
    background:none!important;
    padding:0!important;
    margin:0!important;

That makes the ugly parts invisible, so the form is much more readable to humans and it goes into vTiger correctly.

To make up for the lack of labels, I'm not going to insert a Text Only (no input) line above every… single… one… of the fields. I've got 52 fields, so this is going to be boring AND tedius, but you can control the CSS of the Text Only fields directly when you make them, and in the class, so I think this is going to be the easiest way for me to have lovely, functional forms that work.