How do I make the text in the check box section wider?

  • mamalinaaaa
    Asked on February 22, 2016 at 9:09 PM

    How do I make the text in the check box section wider? I cannot for the life of me get this text to display wider. I have tried to embed 

    .form-checkbox-item {

    width: 500px; }

    with no change? You can see form here. The check box text is way too narrow. Is there a code to make all of the areas wider?

    Jotform Thread 778648 Screenshot
    Page URL: http://www.angelinalopezphotography.com/placenta-encapsulation-agreement/
  • BJoanna
    Replied on February 23, 2016 at 4:17 AM

    You can make check box options wider by Injecting Custom CSS code.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-checkbox-item label {

    width:500px;

    }

    How do I make the text in the check box section wider? Image 1 Screenshot 30

    After you add this code, your form will look like this.

    How do I make the text in the check box section wider? Image 2 Screenshot 41

    Here is my cloned form, where I added mentioned CSS code:

    https://form.jotform.com/60531970264959 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.