How to hide the coupon banner in checkout?

  • Resolved dinaddd

    (@dinaddd)


    3 months, 3 weeks ago

    Hello all,

    I already have a full-display coupon on the checkout so that people don’t have to click “Have a coupon? Click here to enter your code” to open it anymore.

    So how I can hide only this part? I want to keep coupon activate but only hide this banner please.

    Screenshot: https://ibb.co/C1L3m4J

    The page I need help with: [log in to see the link]

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

  • Hi @dinaddd,

    Thank you for reaching out.

    To hide the “Have a coupon? Click here to enter your code” text, you can add a custom CSS code to your theme. Please note that custom code requests are out of our support scope.

    However, you can try adding the code below to see if this makes any difference:

    .woocommerce-form-coupon-toggle {
    display: none;
    }

    This code will hide the banner but keep the coupon functionality active.

    Be careful when adding custom CSS, as it can affect other parts of your site. Always have a backup of your site before making any changes.

    I hope this helps.

    Thread Starter dinaddd

    (@dinaddd)

    @ckadenge It works well! Thank you!!!

    Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello dinaddd,

    Thank you for your reply.

    I am glad to know that the CSS snippet worked fine for you.

    Please don’t hesitate to contact us again if you have more questions or concerns.
    We are here to help ??

    Have a great day!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Tags