Custom Form Fields Help... Field for personalization

Solved
New Member
2 0 0

Hello, I am fairly new to Shopify and its coding. I am selling personalized children wear and need for customers to be able to enter the name they want on their clothing for me to see and than create. I have tried to add a text box on my product where customers can enter a name, initials etc. and found coding to do so without having to use an app. However, after adding the coding I noticed the box for such shows up pretty short on my product page compared to the other field boxes such as the add to cart button or the size button. You can check out my page www.tinytotsclothingshop.com use password ttotspreview and click on the baby tab in the nav bar , than click "Jumpers" to see what I am talking about. I just want all the form fields to be even on the page is there anything I can do to get them that way?

0 Likes
Highlighted

Success.

Hi,

If you know CSS, add the below CSS:

#personalization {width: 100%;}

Or you can open the code you added a custom field, add new CSS attribute inline to the input tag like the below code:

<input required="" class="required w100" id="personalization" type="text" name="properties[Personalization]" style="width: 100%;">

View the following screenshot: https://prnt.sc/px6e3a

Hope this helps!

David Kean
CoFounder at Boostheme team
https://boostheme.com
1 Like
New Member
2 0 0

Thank You so much. I tried this and it worked out exactly how I needed it to.


@davidkean wrote:

Hi,

If you know CSS, add the below CSS:

#personalization {width: 100%;}

Or you can open the code you added a custom field, add new CSS attribute inline to the input tag like the below code:

<input required="" class="required w100" id="personalization" type="text" name="properties[Personalization]" style="width: 100%;">

View the following screenshot: https://prnt.sc/px6e3a

Hope this helps!


 

0 Likes

You're welcome. And if you need a beautiful and fast loading Shopify theme, please check out my website https://boostheme.com/category/best-shopify-themes . I'm always ready to help you build a great website.

David Kean
CoFounder at Boostheme team
https://boostheme.com
0 Likes