Text box sizing and alignment with CSS

  • AHSRecognitionServices
    Asked on October 27, 2020 at 4:59 PM

    Hello, in my form I cannot get two of my email boxes to align with each other. I am also having a problem getting my long text box to span the width of the page. Can you please help me.

    Page URL: https://www.jotform.com/build/203006281515242
  • Mike
    Replied on October 27, 2020 at 7:53 PM

    You may add the next CSS to your form to adjust the formatting:

    /* Increased min label width to align fields */
    
.form-label {
    
 min-width: 240px !important;
    
}
    
/* Increased width of Long Text field */
    
[data-type="control_textarea"] > div > div,
    
.nicEdit-main {
    
 width: 700px !important;
    
}

    Example:

    q1k26 Screenshot 10

  • Gail
    Replied on October 28, 2020 at 9:00 AM

    Thank you Mike, that worked perfectly.