Alignment of Custom fields in Product page

[MelD]

Hi all,

Can someone please tell me how I can

1) align the custom fields I added in my product page properly. 

2) make the selection chosen from the custom fields to reflect the prize.

Thank you

[oscprofessional]

Hello MelD,

Can you share your site url.
And also share screenshots which text you want to align center.

[MelD]

Hi,

https://sashandsuch.com/products/10-x-10-sheer-voile-drape-white password is melissa

thank you

[oscprofessional]

Can you share screenshots of section which you want to allign properly.

[MelD]

the quantity box to align to the box on the left and the natural edge to align to the quantity box and the box for special request to align to the box on the top

[oscprofesionals]

Hello

[Perennial]

you website is password protected

Send me your store password, if you don' want to share publicly then PM me

[oscprofessional · Accepted solution]

Hello,

Please Add below code in theme.scss file

#quantity {
	border: 1px solid #949494;
	margin-bottom: 10px;
	margin-right: 1%;
}
.product-form .line-item-property__field {
	margin-bottom: 10px;
}

[MelD]

Thats awesome! That works for the quantity and the edging finish box! Thank you!

How do I fix this one to align to the top box? 

Thanks again!

[oscprofessional · Accepted solution]

Hello,

Please add below code in theme.scss file

#quantity {
	 margin-right: 0; 
}
.product-form .line-item-property__field {
	padding: 0 5px;
}
.line-item-property__field textarea {
	padding: 10px 12px;
}

---

@MelD wrote:

Thats awesome! That works for the quantity and the edging finish box! Thank you!

How do I fix this one to align to the top box? 

Thanks again!

---