Make the textarea section larger for a customized form page

Solved
Highlighted
Tourist
19 0 1

Hi there,

My store is florablackstudio.myshopify.com and I am using the Debut theme.  The snapshot below is on my 'Commissions' page right at the bottom. It only has one continuous typing row
IvvySkivvy_0-1601015165547.png

but I am wanting it to have the same format as the 'Message' text box on my 'Contact Us' page where it includes about 10 rows, but the text box can be dragged out and made bigger if needed.

0 Likes
Highlighted
Excursionist
80 19 19

This is an accepted solution.

Hi there

What you'd need to do is change the element you use for that field from <input> to <textarea>.

How did you create the form?

The change will be from this:

<input type="text" id="ContactFormWould you like to let me know anything else?" name="contact[Would you like to let me know anything else?]" placeholder="Inspirations etc." class="" spellcheck="false">

To this:

<textarea type="text" id="ContactFormWould you like to let me know anything else?" name="contact[Would you like to let me know anything else?]" placeholder="Inspirations etc." class="" spellcheck="false"></textarea>

 

0 Likes
Highlighted
Tourist
19 0 1

That is perfect! Thank you so much for your help, that's amazing.

 

I created the form by this youtube video from a Shopify Expert - https://www.youtube.com/watch?v=BWc0KFF4NA8

1 Like