Sub-label lenth is causing input to wrap to the left

  • Profile Image
    Asked on February 01, 2018 at 01:20 PM

    It seems some of the listings I have on my form, are not "aligning left".

    If you look under the wine section, you will see that the first 3 are correctly laid out, the last one Underwood is not.

    How would I be able to get this fixed?

  • Profile Image
    Answered on February 01, 2018 at 02:26 PM

    I checked the field you referenced and it appears to be due to the length of the sub-label:


    The sub-label is placed under the input and would run off the end of the form.  To compensate, the input is placed on the left to allow for the full sub-label to show.  If you remove the sub-label text, the field correctly aligns with the other options:


    If you would like to keep the sub-label text, adding the following code would shrink the sub-label enough to fit:

    #cid_167 label.form-sub-label {
        width : 210px;

    Though the text would be on two lines.  Here is my test form to show how it would look: