Need to Make Label Wider in Button Radios Widget

  • dagostinochase
    Asked on December 26, 2020 at 4:01 PM

    See screen shot. Need to make the label wider so can have more text. 1609016501 5fe7a4b57f950 Make Label area Screenshot 10

    Jotform Thread 2786479 Screenshot
  • Kenneth JotForm Support
    Replied on December 26, 2020 at 5: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 Screenshot 10

    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.

  • dagostinochase
    Replied 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?

  • Vick_W Jotform Support
    Replied 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