How to change a field label width

  • aprpac
    Asked on July 3, 2015 at 3:26 PM
    Also, I would like to move the Text fields closer to the "Message x" labels. How do I do this?
  • Mike
    Replied on July 3, 2015 at 3:43 PM

    The field Label Width is globally changed via form Preferences.

    How to change a field label width Image 1 Screenshot 20

    Otherwise, we will need to inject custom CSS in order to style the field labels individually.

    If you need any further assistance on this, please let us know.

  • aprpac
    Replied on July 3, 2015 at 4:11 PM

    Mike,

    Thanks for this info. Please can you explain the CSS I need to inject to JUST change the "Message x" widths.

    Thanks

    Paul

  • Mike
    Replied on July 3, 2015 at 5:24 PM

    For example, we can set a maximum width for the message labels. Try the next CSS:

    /* Step 3 - Label Width*/

    #id_74 label, #id_80 label, #id_79 label, #id_78 label, #id_77 label, #id_76 label, #id_82 label, #id_81 label , #id_75 label {

        max-width: 100px;

    }

    /* Step 7 - Label Width*/

    #id_95 label, #id_96 label, #id_97 label, #id_98 label, #id_99 label, #id_100 label, #id_101 label, #id_102 label , #id_103 label {

        max-width: 100px;

    }

    /* Step 10 - Label Width*/

    #id_116 label, #id_117 label, #id_118 label, #id_119 label, #id_120 label, #id_121 label {

        max-width: 100px;

    }

    How to change a field label width Image 1 Screenshot 30

    How to change a field label width Image 2 Screenshot 41

    Thank you.