How to enlarge input area for product customization fields (dawn theme)

[anon7]

I am trying to enlarge the "Order Notes" text input area. 

(Dawn Theme)

[Moeed]

Hey @anon7 

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[anon7]

https://thegiftedbabyny.com/

[anon7]

[Moeed]

Hey @anon7 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
textarea#Order\ Notes-0-2 {
    min-height: 125px !important;
    min-width: 500px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[anon7]

The box only shows up larger if I drag it- is there a way it can be big right away?

[anon7]

I want all the placeholder text to show

[Moeed]

If you add this code then it will be big by default and you won't have to drag it to show it completely.

Best Regards,

Moeed

[anon7]

 Oh I see now. Any idea why it only worked for some products?

[Moeed · Accepted solution]

Ah I see why. Remove the previous code and add this new code with the same steps mentioned above in the end of theme.liquid file

<style>
textarea {
    min-height: 125px !important;
    min-width: 500px !important;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[anon7]

Thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[EasifyApps]

Hi @anon7,

Next time, you can easily incorporate your text by using the free Easify Product Options app with the Text Area option type. It only takes a few minutes to set up, and there's no need for coding 🤗.

• Storefront:

• App settings: