Space between Custom Message and upload photo are not aligned.

Solved
LoveDesigns
Tourist
5 0 2

Have a good day everyone!

I was trying to setup the box for customer to add message and upload their photo, however, it looks very funny with the spacing.

I've add <br> as new line before the upload photo, but it didn't align with another text.

how can i move the word "photo" and "Choose file' to be same position as custom message?

Website is https://lovemidesigns.com/

password: ShopifyCheck

Screen Shot 2021-08-25 at 2.03.01 PM.png

Thanks!

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24911 2497 9033

This is an accepted solution.

@LoveDesigns 

sorry for that issue can you please share try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

.purchase-details__buttons p.line-item-property__field + p.line-item-property__field {
    width: 100%;
    margin-top: -60px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
24911 2497 9033

This is an accepted solution.

@LoveDesigns 

sorry for that issue can you please share try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste below code at the bottom of the file.

.purchase-details__buttons p.line-item-property__field + p.line-item-property__field {
    width: 100%;
    margin-top: -60px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

LoveDesigns
Tourist
5 0 2
KetanKumar
Shopify Partner
24911 2497 9033

@LoveDesigns 

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
linj
Tourist
11 0 2

hi

I have a question that where the loading space to store the image?

 

Thanks

KetanKumar
Shopify Partner
24911 2497 9033

@linj 

sorry for any issue can you please share store url and issue image

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing