customization field on product page

Solved
Excursionist
18 1 0

Hi!

 

So I added this customization field on my product page, however, it is not aligned with the ''add to cart" buttons. It's slightly to the left, and I am curious how I can shift it so it starts at the same point as the button? It is perfectly aligned on mobile view though, but not on desktop view.

 

I'm also frustrated that the spaces in between each field are not the same (spaces between price, quantity, add to cart are of different sizes)...

 

If anyone could please help, that would probably save me 3 days of research...


<label for="customization">Customization</label>
<textarea required class="required" id="customization" name="properties[Customization]"></textarea>

 

https://sweetclementinesco.com/products/engagement-jewelry-dish-engagement-gift-personalized-trinket...

 

Thank you!!

0 Likes
Highlighted

Success.

Shopify Expert
2937 499 675

Hi @mchi2el2 

As i can see your field is proper looking on page in full width, just space at top is bit more that you can adjust bu this:

Ass this css in Asset->theme.scss file at bottom:

.product-form{ padding-top: 1rem;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
18 1 0

you're a God! thank you!!!

0 Likes