Text box sizing and alignment with CSS

  • Profile Image
    AHSRecognitionServices
    Asked on October 27, 2020 at 04: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.

  • Profile Image
    Mike
    Answered on October 27, 2020 at 07: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.png

  • Profile Image
    Gail 
    Answered on October 28, 2020 at 09:00 AM

    Thank you Mike, that worked perfectly.