Return to previous page

On checkout page the Credit Card information is broken apart.

This topic has 6 replies, 4 voices, and was last updated 7 years, 11 months ago ago by Rose Tyler

JarekN

Participant

December 2, 2016 at 16:47

On checkout page the Credit Card information is broken apart, is there a css code I can use to fix it?

Please, contact administrator
for this information.

#147753 Copied

5 Answers
Jack Richardson

Support staff

December 2, 2016 at 18:32
Hello,

Please add this css code in Theme Options > Custom CSS > Global Custom CSS:
```
.payment_methods p {
    margin-left: 0px;
}
.wc_payment_method.payment_method_moneris form .form-row-first, form .form-row-last {
    float: left !important;
    width: 100%;
}
.payment_methods li label {
   padding-left: 0px;
}
```
Best regards,
Jack Richardson.
#147775 Copied
JarekN

Participant

December 3, 2016 at 05:14

Thanks, however the Expiration Date is still broken into two different lines 🙁

#147819 Copied
Eva Kemp

Support staff

December 5, 2016 at 16:16
Hello,

Please also use this css code:
```
.payment_methods li label {
   display: block;
}
.payment_methods select {
  display: inline-block;
}
```
Regards,
Eva Kemp.
#147978 Copied
JarekN

Participant

December 6, 2016 at 22:20

THANKS!

#148179 Copied

Rose Tyler

Support staff

December 7, 2016 at 08:08

Hello,

You’re welcome!

Regards,
Rose Tyler.

#148195 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘On checkout page the Credit Card information is broken apart.’' has been successfully resolved, and the topic is now closed for further responses

On checkout page the Credit Card information is broken apart.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection