Why are my selections indented

  • Profile Image
    TheLifestyleBroker
    Asked on May 20, 2014 at 10:02 AM

    Please tell me why these selections are indented. I had them as multiple choice but changed it, and they are staying indented. 

     

    http://www.jotformpro.com/TheLifestyleBroker/VILLA

    Fri/Saturday night combos $300 for the weekend etc. there are 3 or 4

  • Profile Image
    abajan
    Answered on May 20, 2014 at 11:11 AM

    Hi again,

    Please change the form's injected CSS to the following and save it:

    #id_91 .form-sub-label-container {
    position: absolute;
    top: 1px;
    left: 32px;
    }

    #id_91 .form-sub-label {
    width: 58px;
    white-space: normal;
    }

    [for="input_91_1092"],
    [for="input_91_1095"],
    [for="input_91_1099"],
    [for="input_91_1106"],
    [for="input_91_1115"],
    [for="input_91_1116"],
    [for="input_91_1129"],
    [for="input_91_1130"],
    [for="input_91_1132"],
    [for="input_91_1135"],
    [for="input_91_1134"] {
    display: block !important;
    margin-left: 77px;
    margin-top: -17px;
    }


    If you would like further help with this, please let us know.


    Cheers

  • Profile Image
    abajan
    Answered on May 20, 2014 at 11:43 AM

    Incidentally, since the dollar amounts are already being displayed in the labels, having them displayed again in bold at the end of each label is redundant. Also, if you don't want checkboxes displayed next to each heading
    (like * * * ____ 3-6 NIGHT RENTALS ____ * * * for instance), you would need the following additional CSS:

    #input_91_1061,
    #input_91_1091,
    #input_91_1094,
    #input_91_1097,
    #input_91_1098,
    #input_91_1105,
    #input_91_1111,
    #input_91_1114,
    #input_91_1119,
    #input_91_1124,
    #input_91_1127,
    #input_91_1128,
    #input_91_1131,
    #input_91_1138,
    #input_91_1137,
    #input_91_1142,
    #input_91_1140,
    #input_91_quantity_1093_0,
    [for="input_91_quantity_1093_0"],
    #input_91_quantity_1096_0,
    [for="input_91_quantity_1096_0"],
    #input_91_quantity_1100_0,
    [for="input_91_quantity_1100_0"],
    #input_91_quantity_1107_0,
    [for="input_91_quantity_1107_0"],
    .form-product-details b {
    display: none;
    }

    Lastly, to stop the entire payment field from lighting up when any item within it is clicked, disable the Highlight Effect:


    Please have a look at this clone of the form to see what I mean.


    Thanks

  • Profile Image
    lebaus
    Answered on May 20, 2014 at 12:21 PM
    It didn't seem to change anything?? I added both CSS codes, one right after
    the other, is that what you meant by additional?
    ...
  • Profile Image
    Welvin
    Answered on May 20, 2014 at 12:55 PM

    Hi,

    There's an exclamation mark added to the custom CSS codes, that shouldn't be added there:

     

    I've fixed it for you. Please kindly check and let us know if you think you need more adjustments. We can always help.

    Thanks