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

  • Profile Image
    lilylouboutique
    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?

     

    Cheers

    el

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

    Hi El,

    I have made all the changes to your form. Check this final form: http://form.jotformpro.com/form/31270597221955?

    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--*/

    #first_15{

    width: 100px;

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

    }

    #last_15{

    width: 110px;

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

    }

    #id_15{

    padding-right: 30px !important;

    }

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

    .form-collapse-table {

    height: 30px !important;

    }

    .form-section-closed{

    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--*/

    #label_76,

    #label_11,

    #label_50,

    #label_69,

    #label_70{

    display:none;

    }

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

    input[type="radio"]{

    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;

    }