Move the mention "Have a coupon? Click here to enter your code"

Hello,

I would like to know how we can move, on our checkout page, the mention “Have a coupon? Click here to enter your code” at the bottom of the page (instead of top of it).
Thank you for your help. Emeline.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woocommerce-form-coupon-toggle {
    position: absolute;
    bottom: -40px;
}

It will move the coupon line at the bottom of the page.

Best Regards.

Thank you for this code, it works well, but when we click on the link to enter the coupon code, the box to write the code still appears on top of the page, as you can see in the video I recorded here (private content)… Do you have any idea how we can solve this?

Kind regards,

Emeline

Hello,

You are Most Welcome.

You asked about moving the link to open the coupon menu down to the bottom and it is possible with Custom CSS that’s why I provided you with it.

But it is not possible for the pop-up form to appear at the bottom with just simple Custom CSS it will also require customizations that are beyond our limitations and support policy.

Best Regards.

[Author]

Posts