Additionally, if using the second method listed above didn't alter the alignment of the text fields; you can manually change their widths, heights, and font size and colors of the fields by going to the same "Additional css" box as noted above with something similar to this example:
#formHTMLdiv1Form1table1TR1td1TABLE1 input{ //this will select all of the text fields and move them over 40 pixels
margin-left:40px;
}
#formHTMLdiv1Form1table1TR1td1TABLE1 span{ //this will select all of the information boxes and move them over 20 pixels
left:20px;
position:relative;
}
#formHTMLdiv1Form1table1TR1td1TABLE1 select{ //this will select all of the selection fields and move them over 40 pixels
margin-left:40px;
}
or you can select each text field manually and move them by accessing them using their classes, they are named like: "u_city" (for the city text box), "u_lastname" (for the last name text box) and so on for each type of text field. **HINT** the !important; CSS modifier is useful for overriding existing inline CSS.
So:
.u_phone{
margin-left:40px; //this would move the phone number field over 40 pixels
}