Change the position of coupons on the checkout page

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

  • Avatar: GEEKPLUS
    GEEKPLUS
    Participant
    June 8, 2022 at 09:09

    How should I change the position of the coupon input box on the checkout page?

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 8, 2022 at 12:06

    Hello,

    Please describe the desired result in more detail, and provide a screenshot for a better understanding.

    Regards

    Avatar: Ferry
    Ferry
    Participant
    June 15, 2022 at 19:55

    I would like this to! Now it is on top and i would like it on the bottom..

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 16, 2022 at 05:53

    Hello @Ferry,

    Try to add the next code in Theme Options > Theme custom CSS:

    .woocommerce-checkout .woocommerce {
        display: flex;
        flex-direction: column;
    }
    .woocommerce-checkout .before-checkout-form {
        order: 1;
        margin-top: 15px;
    }

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.