Product custom text box needed resized on Dawn theme

1 0 0

can anyone suggest how to resize the custom text input box I have on the following product page. I have tried to amend the base.css file to no avail.

Replies 3 (3)

42 5 10

You can try:

.installment {
width: max-content;

Change 'max-content' to whatever fits for your requirement. I hope this helps

If you find my answer useful please do like/accept it so I feel more motivated to help in my spare time.

Shopify Partner
4322 980 1639

Hi @J1104 


This is Richard from PageFly - Shopify Page Builder App


Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

textarea#message {
    min-height: 5rem;
    height: 5rem;
    overflow: hidden;



Hope this can help you solve the issue 


Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Partner
2967 571 900

@J1104@J1104, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product #message {
   height: 80px;
    min-height: unset !important;
    max-height: unset !important;

You can change the 80px value to any height you wish.

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,