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, 5 months ago ago by Rose Tyler

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

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

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
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: change, checkout, coupons, position, theme, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Finances – WordPress WooCommerce Theme

lazy-placeholder

Makeup Store – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Minimal Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Niche Market 02 – Multivendor WP 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.