Custom form field label widths

Custom form field label widths

airmasterairmaster Posts: 72Questions: 15Answers: 2

In this example, the field labels occupy a lot of space that could be used for the input fields. Is there a way to better utilize that space? I looked through the lightbox info, but didn't see a specific style to change. Playing with the editor in the browser didn't seem to help much.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,192Questions: 1Answers: 10,412 Site admin
    Answer ✓

    The layout split between the label and input is coming form Editor's default CSS:

    div.DTE_Body div.DTE_Body_Content div.DTE_Field>label {
        float: left;
        width: 40%;
    }
    
    div.DTE_Body div.DTE_Body_Content div.DTE_Field>div.DTE_Field_Input {
        float: right;
        width: 60%;
    }
    

    Override those selectors if you'd like to adjust the weighting.

    Allan

This discussion has been closed.