New to the community? Start here

[Other] How to reduce the size of a text field in forminator form ?

I had a text field for “code promotion” in my forminator form. I would like to reduce the height of the text in this field.
How to do that ?

Thu, 15 Jun 2023 19:42:45
  • Jair Jaramillo
    • Staff

    Hello Cylia

    You can edit the form, and under the Appearance section, enable “Custom CSS”, then add this code:

     .forminator-textarea {
     min-height:40px;
     height:40px;
 }

    Like this:
    [attachments are only viewable by logged-in members]

    This way, all the textarea fields will have a reduced height. Feel free to modify the code in order to set your preferred height:
    [attachments are only viewable by logged-in members]

    If you only want to modify one textarea field, you can edit that field and set a custom CSS class:
    [attachments are only viewable by logged-in members]

    Then add the css class into the code, like this:

    .small-textarea .forminator-textarea {
    min-height: 40px;
    height: 40px;
}

    Now, if what you want is to have one field where you can only add one line of text, instead of a Textarea field, I suggest you to try with an Input field:
    [attachments are only viewable by logged-in members]

    As this one is smaller to the Textarea without the need to add any CSS code.

    Kind regards,
    Jair.