Alignment of Custom fields in Product page

Solved
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

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Tourist
6 0 0

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
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
Shopify Partner
3 1 0

Hello

0 Likes
Highlighted

you website is password protected

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

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes

Success.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
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

Success.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like