web page: jamberleboutique.com
Password: Amberle
I am trying to get the text input boxes to be more like the ones pictured bellow. & for the label to appear above the box instead of to the left of it.
web page: jamberleboutique.com
Password: Amberle
I am trying to get the text input boxes to be more like the ones pictured bellow. & for the label to appear above the box instead of to the left of it.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! ![]()
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
I provided it & the password in the post.
oh sorry i have missing out
can you please add this code
p.line-item-property__field {display: flex;align-items: center;}
p.line-item-property__field input {min-height: 50px;border-radius: 0;border: 1px solid #464646;}
.line-item-property__field label {flex: 1;}
p.line-item-property__field {display: flex;align-items: center;}
p.line-item-property__field input {min-height: 50px;border-radius: 0;border: 1px solid #464646;}
.line-item-property__field label {flex: 1;}
Thank you! Can it also be changed like this? Moving the boxes to below the text?
yes, please add this code
p.line-item-property__field {flex-wrap: wrap;}
.line-item-property__field label {
flex: 100%;
}
Amazing! Thank you! One last thing. How do I change the inner text size to be more fitting to the box size?
Hi @JordanAmber ,
I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )
Try this code
p.line-item-property__field input {
font-size: 16px;
}
If you have any concerns feel free to ask me!
Regards,
Ani
yes, sure added this code
p.line-item-property__field input {padding: 0px 15px;}
.line-item-property__field label {margin-bottom: 5px;}