Styles question – form field label width

  • Resolved Adam

    (@ahardy42)


    11 months, 1 week ago

    I’d like the 2 top form text fields to be aligned together. Currently the field just positions itself after the end of the label text which is of different widths so it looks poor.

    Sorry I can’t figure out what CSS to use to control this. I can’t control the width of the span elements.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support jeremyacy

    (@jeremyacy)

    11 months, 1 week ago

    Hi, if your website doesn’t have multiple languages, you could set a fixed width for the labels like this:

    .acym__users__creation__fields__title {
        width: 70px;
        display: inline-block;
    }

    If the labels might be translated in other languages however, the texts might wrap or overflow if they’re too long.

    Thread Starter Adam

    (@ahardy42)

    11 months ago

    OK that would suit me fine right now but long term, it feels like a permanent i18n solution should automatically align the text boxes. Initially I didn’t notice any issues because the short width of the whole form meant that the labels were on the line above the text boxes, rather than adjacent, which looks perfect too.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Styles question – form field label width’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: Adam
  • Last activity: 11 months ago
  • Status: resolved