CSS Classe Needed For Simple Contact Form

  • Resolved khoavo

    (@khoavo)


    3 years, 4 months ago

    Hi there, first of all, great plugin. Thanks for sharing your work.

    I’m testing out your WPForms Lite using the Simple Contact Form for Name, Email and Message box. I noticed by default, the Name and Email fields display in shorter length than the Comment or Message box.

    See screenshot: https://prnt.sc/1z8t89a

    But under in Edit/ Setup panel, it shows all fields in full length matching one another, which is what I want:

    See screenshot: https://prnt.sc/1z8t7mw

    Can you give me the CSS Class to insert so that the Name and Email fields display in the same length as the Message field? It just looks better when they’re all even in length.

    Let me know. Thanks.

    KV

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

  • Hi @khoavo,

    To get your form fields to match the width of a Paragraph Text field, you’ll need to set the form’s Field Size setting to Large. Please see this screenshot for reference: https://a.supportally.com/vLGkyU

    In case it helps to know, the Field Size setting for most fields will adjust a field’s width according to the following:
    Small – 25% width of its parent container
    Medium – 60% width of its parent container
    Large – 100% width of its parent container

    The Paragraph Text field’s Size setting will adjust the height of the field’s input box, and the width will be 100% of its parent container by default.

    Hope this helped to clarify ??

    Kindly,

    Thread Starter khoavo

    (@khoavo)

    That’s odd, I changed it to Large last week and it didn’t extend, but now it’s working.

    Anyhow, Thank you so much for your excellent customer support. Thanks or sharing your work.

    KV

    Hi @khoavo,

    It’s no problem at all ?? We’re glad to hear that you were able to get it working now.

    I’ll close this thread now, but if you have any further questions regarding this please don’t hesitate to reach out again.

    Kindly,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Classe Needed For Simple Contact Form’ is closed to new replies.