coupon field

Hello,

coupon field in cart and check-out page only type be uppercase letters

It’s likely that your theme is changing all the letters to uppercase in the coupon field. WooCommerce coupons are not case sensitive by default, so your customers should still be able to use coupons.

hello maykato

Sorry i didn’t explain well
i want the field to only type uppercase
so when a customer add the code i want the field to automatically change the letters to uppercase

Hi @saeedkashout

Sorry I must have misread your original question. Yes, applying CSS text-transform: uppercase; can change coupon field text to uppercase: https://www.w3schools.com/cssref/pr_text_text-transform.asp

You can add your CSS code under Customize > Additional CSS.

If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

@maykato
woooooow thank you so much for your addvice ??
and btw u weren’t helpful at all

Hi again @saeedkashout ????

I have followed @maykato directions from their previous reply and it worked, here’s the result:

Link to image: https://d.pr/i/2kGauc

The actual CSS code might be different depending on your site’s theme. If you want to try the code You can add that CSS snippet below, on **My Site > Customise > Additional CSS**.

/* Transform coupon code into Uppercase*/
input#coupon_code {
    text-transform: uppercase;
}

If that doesn’t work you can write back to us and share your site’s ULR so that we can review the Coupon form and help you customizing the CSS snippet.

I hope this helps and points you in the right direction!

Cheers!

Hi,
We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, the above info on the CSS rule to use was helpful.

If you have further questions, please feel free to open a new topic.

Thanks.