• Resolved magicpowers

    (@magicpowers)


    I have just set up a WP contact form for the first time ever in Elementor on my brand new website.
    In the form builder, I selected MEDIUM size for all the fields. All of them – except the MESSAGE field – have adjusted the length.

    Why doesn’t the MESSAGE field respond to the changed size to MEDIUM and remains the full length?
    Both desktop and tablet views have this field much longer than the rest which looks unprofessional.
    Have a look.

    Could you please advise how to fix this.
    thanks

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Amjad Ali

    (@amjadali688)

    Hi @magicpowers ,

    Thanks for reaching out, and congratulations on setting up your first WPForms contact form!

    On checking, I see that you’re using a Paragraph field for the message. In the settings, only the height of the Paragraph field changes—not the width.

    To adjust the width, please try adding the following custom CSS snippet to your site:

    @media only screen and (min-width: 601px) {
    form#wpforms-form-1724 div#wpforms-1724-field_2-container textarea#wpforms-1724-field_2 {
    max-width: 60%;
    }
    }


    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    Alternatively, you could set all fields to Large to ensure consistency in field sizes.

    Hope this helps!

    Thread Starter magicpowers

    (@magicpowers)

    hi @amjadali688
    Thanks for your reply.

    It is strange that all other fields respond to changing the size – small, medium, large – in the width not the height, except for the Message field. I didn’t specifically select the Paragraph style, nor did I see any other style options. I simply inserted the Message field so it must have this style preselected.

    Anyway, your CSS snippet does work. Thank you.

    There are still some issues with the form’s and the parent container background, but I should be able to fix it in Elementor.

    thanks for your help!

    Plugin Support Amjad Ali

    (@amjadali688)

    Hi @magicpowers ,

    You’re very welcome! ?? I’m glad to hear the CSS snippet worked for you.

    You’re correct—the Message field is a Paragraph Textarea by default, which is why it behaves differently from the other fields in terms of width adjustment. Unfortunately, the size setting in WPForms only affects the height for textareas, not the width.

    Your experience is important to us, and we’d love to hear what you think about using WPForms.? Would you mind sharing a quick review? It only takes a minute and helps us keep improving!
    Here’s the link to leave a review and in case you’d like some guidance, this article walks you through the process.

    If you run into any further styling issues feel free to reach out.

    Happy to help!

    Thread Starter magicpowers

    (@magicpowers)

    hi @amjadali688

    I have just installed WP Forms so it’s too soon for me to post a review. I need to test drive it for a while, may be try different forms. Then, if I’m happy with the plugin (or not) I will post a review ??

    thanks

    Plugin Support Amjad Ali

    (@amjadali688)

    Hi @magicpowers ,

    That makes perfect sense! Take your time to test WPForms and explore its features. ??

    If you ever need any help while using WPForms Lite, please feel free to post in our WPForms Lite support forum—we’re happy to assist!

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.