Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #18325

    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:


    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 :)




    Hi devin,

    Yes, the CSS worked perfectly. Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Expiration Date field on checkout page’ is closed to new replies.