Need to Make Label Wider in Button Radios Widget

  • Profile Image
    dagostinochase
    Asked on December 26, 2020 at 04:01 PM

    See screen shot. Need to make the label wider so can have more text. 1609016501_5fe7a4b57f950_Make Label area

  • Profile Image
    Kenneth_C
    Answered on December 26, 2020 at 05:32 PM

    Thank you for reaching support,

    If you meant to increase the horizontal space for the Labels, I have made customizations, and here is how it looks:

    1609021895_5fe7b9c76335b_t1.png

    If that is acceptable, then kindly insert these codes into your Inject Custom CSS Area: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    label#label_146 {

      width: 50% !important;

    }

    label#label_147 {

      width: 50% !important;

    }

    I hope that helps.

    Best.

  • Profile Image
    dagostinochase
    Answered on December 27, 2020 at 10:44 PM

    That should work for now. Is there a way to have a code that changes all these field types (i.e., all the Button Radios) do this, without having to specify each specific field/label?

  • Profile Image
    Vick_W
    Answered on December 28, 2020 at 12:49 AM

    Hi there,

    Yes, you can use one CSS code to change all fields label at the same.

    .form-label {
        width: 60% !important;
    }

    You can change the width as per your requirement. You also add other parameters like font size or font color etc as well.

    Let us know if you need further assistance.

    Thanks