I am trying to enlarge the “Order Notes” text input area.
(Dawn Theme)
Topic summary
A user needed to enlarge the text input area for product customization fields on their Shopify store using the Dawn theme.
Solution provided:
- Add custom CSS code to the
theme.liquidfile, placed above the</body>tag - Initial code made the textarea resizable but required manual dragging
- Updated code was provided to make the enlarged textarea display by default without user interaction
- The revised solution addressed an issue where the fix only worked for some products
Alternative approach:
A third party suggested using the Easify Product Options app as a no-code solution, which offers a Text Area option type that can be configured in minutes without manual CSS editing.
Outcome: The CSS solution successfully resolved the issue for the original poster.
Hey @anon7
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag.
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
The box only shows up larger if I drag it- is there a way it can be big right away?
I want all the placeholder text to show
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
Oh I see now. Any idea why it only worked for some products?
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
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you!
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.
1 Like
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:
