Fields not aligning correctly

  • Resolved GailyD

    (@gailyd)


    7 years, 9 months ago

    The last two fields on my checkout page are not aligning – ’email’ and ‘phone’ should be next to each other but are both aligned right one above the other.

    These fields are set up the same as others on the page which are showing correctly – email is left and phone is right.

    Also can I hide ‘Country’ field as we only ship to one country?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Make sure the one on the left is set to something like:
    Form-field-first
    Then phone on right is set to something like:
    form-field-last

    Thread Starter GailyD

    (@gailyd)

    Hey thanks for the reply – but I can’t see where to apply those settings?

    Dashboard, woocommerce, checkout form, billing fields (or shipping fields)

    okay, now:
    click EDIT on the far right of the field(s)
    you will get a window prompt with lines like this:
    Label: Address
    placeholder: (greyed suggestive text in the field)
    Class: form-row-wide,address-field

    CLASS is the line you need to play with. (for EVERY FIELD)
    form-row-wide
    OR form-row-first
    OR form-row-last

    One of these 3 need to be put in your class field.
    THEN: if the CLEAR ROW box is checked.. this means, nothing will go beside the first box.
    CLEAR ROW basically equals new field on a new line.

    • This reply was modified 7 years, 9 months ago by spanky22.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fields not aligning correctly’ is closed to new replies.