How can I adjust product page spacing and checkbox alignment?

Hi! I’m pretty new to coding and need some help. I used the UI generator for 3 property line items. They came out great but the spacing is off. I also would like the checkbox to the left of “Personalized Decal”. Does anybody know how I can fix this? Thank you!

Chunky-butt-customs.myshopify.com

PW-seorue

1 Like

Hii, @Amanderz1986
Provide me your store URL so,
I Can solve your problem and give you a proper solution.
Thank You.

1 Like

Please provide your Store URL.

1 Like

@Amanderz1986

Please share your store URL.

1 Like

chunky-butt-customs.myshopify.com

PW-seoreu

1 Like

Hi!

My store URL is:

chunky-butt-customs.myshopify.com

*PW-seoreu

Any help is much appreciated! :slightly_smiling_face:

@Amanderz1986

Thanks for the URL but password is not working.

:grin: Oops..typo. PW-seoreu

hii @Amanderz1986
Paste this code on top of theme.scss file.

@media only screen and (min-width: 750px){
input#personalized-decal-000{
    position: absolute !important;
    top: 426px !important;
    left: 378px !important;
}
select#choose-font-Options {
    position: relative !important;
    top: -30px !important;
}
}

Thank You.

@Amanderz1986

Please add the following code at the bottom of your assets/theme.css file.

.template-product p.line-item-property__field {
    line-height: 18px;
}
.product-form .disclosure__toggle, .product-form input, .product-form select, .product-form textarea {
    min-height: 0px !important;
}

Hope this works.

Thanks!

Hello again, I tried the codes offered here last time and no changes were made. I did have some last minute requests from the shop owner. I’m trying to add multiple fields again for a product template and it’s coming out even worse. Please let me know exactly where to paste code if you are able to provide one. It is the Pencil Crayon Tumbler. I’m also attaching a photo of what I’d like it to look like. Thank you so much for any help! :sparkling_heart: :crossed_fingers: