Text Fields and Their Labels are Showing on Their Own Line


If text fields and their labels are showing on separate lines, follow these steps to force them to display on one:

  1. From "Shopify Admin", select Apps.

    Select Apps

  2. Select Buy the Measurement.

    select Buy the Measurements

  3. Select Display Settings.

    select display settings

  4. Copy and paste this code into the Custom CSS field:

    .field_div label {
     display: inline-block !important;
     width: 80px !important;
    .field_div input {
     width: 50px !important;
     display: inline-block !important;
     margin-right: 5px !important;

    copy and paste this code in the Custom CSS feld

  5. Select Save.

    select save

That's it!

1 out of 1 found this helpful



Please sign in to leave a comment.