Field label wrap

  • Resolved mediaboy18

    (@mediaboy18)


    5 years, 9 months ago

    I have a extra long question/lable for a text area on page 2 of my form. When I decrease the size of the browser window the field label does not wrap within the box, instead goes outside of the screen… It’s completely unusable.

    I’m using the material design. I even tried using a placeholder text instead and it doesn’t display at all…

    Any ideas here?? Thanks!

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hi @mediaboy18 thank you for contacting us and sorry for the ilong delay on this one.

    Could you please add the following code in the custom CSS editor?

    .forminator-floating--textarea .forminator-label {
    white-space: normal;
}
.forminator-floating--textarea ~ .forminator-textarea--wrap .forminator-textarea {
    padding-top: 49px;
}

    Let us know if that works ??

    Regards,

    Jorge

    Thread Starter mediaboy18

    (@mediaboy18)

    Thanks for the reply. I’ve implemented that code, however it’s not correcting the issue.
    Here is a link to a screenshot of what it looks like on a scaled down browser width.
    Issue screen shot

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @mediaboy18,

    Please try this code:

    .forminator-custom-form.forminator-design--material .forminator-floating--textarea .forminator-label {
 white-space: initial !important;
}

    let me know if this will help.

    kind regards,
    Kasia

    Thread Starter mediaboy18

    (@mediaboy18)

    Perfect!!! Thank you so much!! Working like a charm.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Field label wrap’ is closed to new replies.