Position problem : text is under the checkbox

Hi, I had this same problem and solved him as follows:

Paste this code into your theme in style.css file (ideal if you have a child themes so into it)

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    line-height: 3em;
}

Hi, it work but the line-height modify other height label in this checkout page. If you want change only line-height of the position newsletter label message you must replace “label” by “label.checkbox” like this :

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
  line-height: 3em;
}

Thank you for your solution but if we have the same problem, it’s possible that this is a bug in the plugin. Author ? Can you answer about this ? Thank you very much.

I think it depends on the theme you are using. If you look at the screenshots page you will see that the label is next to the checkbox. No CSS has been added to the plugin so it’s a theme issue not a plugin issue.

Ok. Thank you. I look with the theme author.

@lukas Prelovsky

Finally I solved it with this CSS code :

.woocommerce form .form-row #mailpoet_checkout_subscribe.input-checkbox, .woocommerce-page form .form-row #mailpoet_checkout_subscribe.input-checkbox {
  position: relative;
}

The problem isn’t about ? line-height ? of .label.checkbox but this is about ? position ? of .input.checkbox ! Don’t forget to add #mailpoet_checkout_subscribe before .input.checkbox