Home › Forums › WoodMart support forum › Checkout form Layout

Checkout form Layout

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 5, 2026 at 9:22 am #703113

    KevCh8
    Participant

    Checkout form Layout

    If you have a look at this Checkout form Layout as seen attached —> there are 2 things I would like to sort out as follows:
    1. Have a coupon? Click here to enter your code -> font color is dark, how can I change the Font color?
    2. On the right hand side Your Order Section is a white block that only the Price is visible – -> when you enter all the required fields, the loading circle goes round and round and nothing happens. How do I resolve this so you can see the contents of the order?

    Attachments:
    You must be logged in to view attached files.
    January 5, 2026 at 2:48 pm #703186

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    January 5, 2026 at 3:17 pm #703195

    KevCh8
    Participant

    response to my message in Private

    Attachments:
    You must be logged in to view attached files.
    January 6, 2026 at 9:11 am #703266

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. Try to add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

     :root :is(.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle)>div :is(.showlogin,.showcoupon) {
    color: #ffffff !important;
}

    02. For the checkout loading issue, please deactivate all the 3rd party plugins and activate only theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then, activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

    Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and let me know so I can check and give you a possible solution.

    Best Regards,

    February 3, 2026 at 12:01 am #706998

    KevCh8
    Participant

    I tried putting the custom CSS as per your instructions, coupon box still does not work. Please see screenshot.,,,

    Attachments:
    You must be logged in to view attached files.
    February 3, 2026 at 12:04 am #707000

    KevCh8
    Participant

    Sorry

    February 3, 2026 at 11:12 am #707038

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    The CSS I provided is only for changing the color of the coupon/login toggle on the checkout page, not for making the coupon field functional on the single product page.

    If your goal is to make the coupon field appear or work on the product page, that would require a different solution — it’s not something CSS alone can fix.

    What you see on the single product page is just a simple custom text block, not a functional coupon form.

    Best Regards,

    February 3, 2026 at 11:38 am #707043

    KevCh8
    Participant

    How do I resolve this?

    February 3, 2026 at 2:08 pm #707078

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    WooCommerce does not display the coupon field on single product pages. It only appears on the cart and checkout pages.

    To make it functional, You need to find a third-party plugin to achieve more functionality that best suits you.
    https://woocommerce.com/document/smart-coupons/how-to-show-coupons-on-the-product-page/

    Best Regards,

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)