How to fix custom field misalignment on Debut theme?

Store Design
1

Hello,

I added a couple custom fields on my product pages but the spacing is way off and I just want it to look esthetically pleasing. I also would like the checkbox on the same line as the associated text.. I am new to coding but can follow detailed instructions. Any help would be much appreciated.

Screenshot_20210902-101449_Chrome.jpg
Screenshot_20210902-101449_Chrome.jpg720×1299 54.9 KB

Chunky-butt-customs.myshopify.com

PW-SEOREU

1 Like
2

@Amanderz1986

yes please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
p.line-item-property__field {
    display: flex;
    align-items: center;
}
.product-form__item label {
margin-right: 5px;
}
1 Like
3

@KetanKumar

Thank you SO much! This solved my problem and you are greatly appreciated. I couldn’t have pulled this off without your help.

:clap: :tada:

:tada:

1 Like
4

@Amanderz1986

its my pleasure to help us