extend form field length

[christianjf95]

I want to extend the message field so that its the same length as the add to cart button. I don’t want the page to extend to far down. Any guidance??

[Tech_Coding]

Hello @christianjf95

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

textarea.text-area.field__input { width: 100% !important; }

RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[christianjf95]

No dice.

[Tech_Coding]

@christianjf95

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[christianjf95]

Thank you so much.
No pw.
www.heritageflorals.com

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

textarea{ width: 100% !important; }

RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @christianjf95

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.product-information textarea#message  { width: 100% !important; }

[christianjf95]

How do i make it less vertical? Like change height to 50%?

[Dan-From-Ryviu]

Code updated

.product-information textarea#message  { 
    width: 100% !important; 
    min-height: 100px;
}