ps_checkout New Prestashop Checkout Module Has "Floating" Behavior at Checkout for Credit Cards - Solved

[rmturner]

I'm using PS Version 1.7.8 and Prestashop Checkout was working fine until I upgraded today.  Now when I select Card at checkout my computer screen starts floating.  The box to insert the card number floats down, the expiry date floats below that and the CVC box does the same.  I tried it on different browsers and different computers, all the same result.   I'm putting a screenshot here.  I'm wishing I didn't upgrade because it was working fine.  If I shut off card payment as an option, the Paypal option works fine.

Edited September 4 by rmturner (see edit history)

[Ray UK]

Ive just re-installed this because I had to remove due to a bad bug.

After installing this one, its working, but there is some error in the css file "payments.css"

This is how it looks

So you need to add this css to your custom.css

/* CHECKOUT PROCESS */
.ps_checkout-payment-option label {
  display: flex !important;
}

then it looks like this 

 

If you share your url then maybe a little bit of css changes will resolve your issue.

Edited September 4 by Ray UK (see edit history)

[El Patron]

If you do not need built in payment methods of ps checkout, then use native checkout, it's much better. ps checkout has been buggy since day one.  AVOID!