Changing layout and format of form questions

  • mreade
    Asked on May 12, 2016 at 6:52 PM

    https://form.jotformeu.com/61032781643351

    In this form, I want to move the tick box question nearer to the text above it.   I would also like to make this tick box text more prominent.  Can it be made bold and / or appear larger?

    Section 1: Grand Challenge Names
    The renewal of UCL’s Grand Challenges programme has provided an opportunity for the reframing and (if appropriate) renaming of established Grand Challenges, and to ensure that the new Grand Challenges (to be launched early in 2016-17) have the best and most compelling titles.

     Tick this box to contribute to the Grand Challenge renaming consultation
     
    Thanks,
    Michael
  • jonathan
    Replied on May 12, 2016 at 7:09 PM

    Hi Michael,

    I used the Form Designer and uses a bit of custom injected CSS code to make the adjustments.

    Changing layout and format of form questions Image 1 Screenshot 20

    I used this CSS codes. You can use try them on your form as well and see if its enough already.

     

    .form-checkbox-item label {

        font-weight : bolder;

    }

    .form-checkbox-item {

        margin-top : -10px;

        padding-top : 0px;

    }

     

    This is my test form with the changes applied https://www.jotform.com/61327515107954

    Let us know if you there is more we can help you with.