Product custom text box needed resized on Dawn theme

J1104
Visitor
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. 

 

https://aprilstudioscotland.co.uk/products/custom-birthday-candle

Replies 3 (3)

AHAY
Explorer
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.

PageFly-Richard
Shopify Partner
4301 975 1629

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>

<style>
textarea#message {
    min-height: 5rem;
    height: 5rem;
    overflow: hidden;
}
</style>

PageFlyRichard_0-1712105507237.png

 

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.

diego_ezfy
Shopify Partner
2967 571 899

@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,
Diego