Checkout checkbox alignment

  • Resolved headspacenc

    (@headspacenc)


    5 years, 10 months ago

    I’ve been having an issue on my checkout page where the checkbox that is supposed to be *next to* the “shipping address same as billing?” and email opt-in show up *above* the actual text. If someone had a solution for moving those checkboxes specifically, that would be great!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kel C. a11n

    (@kellymetal)

    5 years, 10 months ago

    Hi there,

    It appears there was some styling coming from your theme’s “Zion Builder” framework that was causing those checkboxes to display a bit strangely.

    The following CSS snippet should make it so those checkboxes line up better:

    
#ship-to-different-address input,
.woocommerce form .form-row .input-checkbox {
  width: auto;
}

#ship-to-different-address input {
  margin-top: .6em;
}

    You can add that to the “Additional CSS” section of your Customizer (Appearance > Customize).

    If you are still having issues with display/layout though, I would recommend reaching out to your theme developers to ask about this — otherwise you may just end up with CSS overriding CSS overriding CSS.

    I hope that helps!

    Thread Starter headspacenc

    (@headspacenc)

    5 years, 10 months ago

    @kellymetal worked perfectly! Thanks for the help!

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

The topic ‘Checkout checkbox alignment’ is closed to new replies.