Expiration Date field on checkout page « Support Forum | Kriesi.at

Expiration Date field on checkout page

3 posts from 2 voices

Tags:

No tags yet.

adamsqb
Member

Hi there,

On my checkout page, the month and expiration date fields are jumbled together. Is there a fix that can be applied to prevent this? Here's a screenshot: http://www.aqb.com/img/checkout.png

Posted 5 months ago #
Devin
Moderator
Hi adamsqb,

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
```
#payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year{
 margin-top: 5px;
 margin-bottom: 5px;
}
#payment div.payment_box #cc-expire-year {
float: left;
}
#top.woocommerce-checkout .form-row.form-row-first label {
    display: block;
}
```
It should fix the issue for you for now and a theme fix will be included in the next update. We aren't always able to test for all checkout methods so if it does work for you let us know if you can :)

Regards,

Devin
Posted 5 months ago #
adamsqb
Member

Hi devin,

Yes, the CSS worked perfectly. Thank you!

Posted 5 months ago #

This topic has been closed to new replies.