Align Text boxes Vertically

  • gibbonized
    Asked on March 3, 2015 at 9:32 AM
    One more question. Is it possible to put the text boxes in one vertical line?
  • Charlie
    Replied on March 3, 2015 at 11:00 AM

    Hi,

    If you would like to align the check boxes together with the text boxes besides them vertically, you can do that using this custom CSS Code.

    For the check boxes, just set a width that will fit all of them and will automatically align the text box besides them.

    .form-line.form-line-column.form-col-1.form-line-column-clear {

        width:300px;

    }

    Here is the code for all the text boxes that you would like to align. Just in case that you would like to have additional styling on them.

    .form-line.form-line-column.form-col-2 {

    //Add custom css styling here.

    }

    To use the code, you can follow this guide:

    1. Click the "Designer" in your toolbar.

    Align Text boxes Vertically Image 1 Screenshot 30

    2. Add the custom CSS code under the CSS tab and click the save button to apply the changes.

    Align Text boxes Vertically Image 2 Screenshot 41

     

    If you needed more help on this do let us know.

    Thank you.