Alignment of Custom fields in Product page

Solved
Highlighted
Tourist
6 0 0

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

 

0 Likes
Highlighted

Hello 

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
6 0 0
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
6 0 0

Capture.JPGCapture1.JPG

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

0 Likes
Highlighted
Shopify Partner
3 1 0

Hello

0 Likes
Highlighted
Shopify Expert
1381 111 198

you website is password protected

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

0 Likes
Highlighted

This is an 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;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
6 0 0

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

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

Thanks again!

0 Likes
Highlighted

This is an 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 Capture1.JPGto align to the top box? 

Thanks again!


 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like