[Resolved] Unnecessary space before "Create an account" checkoutpage

[Juglen]

On our checkout page there is an unnecessary space after the “Create an account?” checkbox. This is making the page unprofessional. I am not sure if this is theme related of WooCommerce related. It also could be that there is a space missing after the “Ship to a different address?” checkbox. How to get this sleek and neat?

[Juglen]

I just spoke with WooCommerce. They say it’s theme related. They suggested to add:

.checkout input[type=”checkbox”] {
margin-right: 8px;
}

Indeed, now it’s fixed. I checked other GeneratePress installations on the internet. They all suffer from the same problem.

[Leo]

Hi there,

I’m not seeing an obvious issue with our default install here:
https://gpsites.co/seller/
https://www.screencast.com/t/dQgfInsrWIur

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Juglen]

On the demo site, there’s only one checkbox. The problem appears only with multi checkboxes see: https://www.q-tuner.com/problem1.png

[Leo]

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

[Juglen]

Ofcourse: https://www.q-tuner.com/checkout/

[Leo]

Can’t see how this is theme related.

Looks like WooCommerce is adding 8px right margin for the create an account checkbox (shown in red):
https://www.screencast.com/t/HuxhLZ970

But the same CSS doesn’t exist for the Ship to a different address checkbox:
https://www.screencast.com/t/URmxmeaAuddY

You can see that GP’s CSS (shown in green) is exactly the same.

Are you able to do a quick test and activate a twenty series WP theme to see if the issue exist there as well?

[Juglen]

OK, I see this error also in twenty twenty theme, so I will contact woocommerce dev to fix this bug. tnx!

[Leo]

Thanks for testing.

It’s lame that WooCommerce’s support would put the blame on the theme.

[Author]

Posts