How to delet the first Question, find the sumbit button, align text with radio buttons - phew!

  • Profile Image
    Asked on May 07, 2013 at 10:45 PM

    Hello, I need a few tweaks please....

    a) Please can the name field be the same width as the email field below.

    b) How do I reduce the height of the collapsable heading boxes, along with the text

    c) I need to remove or hide the label called question - As my question is in the heading of each section of the collapsable box.

    d) I do still need to work out how to get the text in section 2 - to be double banked so that description of the hair styles line up to the right of the thumbnail image.

    e) Why can I not see my submission button even though I have popped it in the the hidden collapsable box (as suggested previously)


    Thanks so much guys, i think most thinks are to do with getting a piece of script for each problem - does all the scripts/rules etc all go into the same CSS instruction under preferences?




  • Profile Image
    Answered on May 08, 2013 at 02:04 AM

    Hi El,

    I have made all the changes to your form. Check this final form:

    Feel free to clone this form to copy it to your account. How to Clone a Form from a Web Page.


    Regarding on the submit button issue, you just forgot to set the hidden collapse status to OPEN.


    Here's the CSS codes injected to that form. How to Inject Custom CSS Codes to your Form

    /*--name and email align--*/


    width: 100px;

    max-width: 100px; /*--mac safari fix--*/



    width: 110px;

    max-width: 110px; /*--mac safari fix--*/



    padding-right: 30px !important;


    /*--shorten form collapse height--*/

    .form-collapse-table {

    height: 30px !important;



    height: 32px !important;


    .form-collapse-right {

    height: 28px !important;


    .form-collapse-mid {

    margin: 6px 45px 16px 20px !important;

    font-size:11px !important; /*--font small--*/


    /*--remove labels--*/








    /*--radio images/labels positions--*/


    float: left !important;


    input[type="radio"] + label img {

    float: left !important;

    margin-left:8px !important;

    margin-right:2px !important;


    .form-radio-item label, 

    .form-checkbox-item label {

    margin-left: 1px !important;