Space between Custom Message and upload photo are not aligned.

Solved

Space between Custom Message and upload photo are not aligned.

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)

KetanKumar
Shopify Partner
37585 3668 12152

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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37585 3668 12152

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. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
LoveDesigns
Tourist
5 0 2

It works! thank you!

KetanKumar
Shopify Partner
37585 3668 12152

@LoveDesigns 

its my pleasure to help us

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
37585 3668 12152

@linj 

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

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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