Return to previous page

Change the position of coupons on the checkout page

This topic has 4 replies, 3 voices, and was last updated 2 years, 4 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?

    #325371 Copied Theme version: 8.13
    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

    #325389 Copied
    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..

    #326069 Copied
    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

    #326082 Copied

  • Tagged: , , , , , ,

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

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme

See All Templates

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