Title: Coupon code field
Last modified: August 30, 2016

---

# Coupon code field

 *  Resolved [TanyaMasse](https://wordpress.org/support/users/tanyamasse/)
 * (@tanyamasse)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/)
 * Hi there,
 * I have set up a coupon code in woocommerce and for some reason, the font doesn’t
   show in the coupon form field when using Internet Explorer and Fire Fox browsers.
   It seems to work fine in Chrome and Safari. Is there a fix for this?
 * Thanks!
 * [https://wordpress.org/plugins/woocommerce/](https://wordpress.org/plugins/woocommerce/)

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

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589457)
 * Please post a link to your site. Will I be able to find the coupon code? or maybe
   you could set one up for testing.
 *  Thread Starter [TanyaMasse](https://wordpress.org/support/users/tanyamasse/)
 * (@tanyamasse)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589458)
 * Hi there, the coupon code is luvdocupet
 * Site is [http://luv-a-k9.com](http://luv-a-k9.com)
 * Thank you!!
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589461)
 * You have version 5.0 of your theme. The current version is 5.6. That’s a lot 
   of fixes, so consider updating.
 * If you still have the problem:
 * Cart page:
    The height of the coupon input box in explorer is 0, so you can’t
   see the characters, even though they are there.
 * I’m not sure but I think this is because of this line in style.css line 6427:
 *     ```
       .woocommerce table.cart td.actions .coupon input[type=text] {
       width:auto;
       height:12px;
       margin-right:10px;
       }
       ```
   
 * Note that the word text is not in quotes.
 * From the guidance: “Note on Quotes: You can usually get away without using quotes
   in attribute selectors, like [type=radio], but the rules for omitting quotes 
   are weird and inconsistent across actual browser implementations. So, best practice,
   just use quotes, like [type=”radio”]. It’s safer and always works.”
 * What I think is happening is that Chrome and Safari aren’t bothered about the
   quotes but IE & Firefox are, and ignore the line. And without the line, the element
   height is 0.
 * Unfortunately you should not edit style.css because edits will be overwritten
   by theme updates. So you need to add some custom css like this:
 *     ```
       .woocommerce table.cart td.actions .coupon input[type="text"] {
       width:auto;
       height:12px;
       margin-right:10px;
       }
       ```
   
 * Note the quotes around text this time.
 * If your theme does not have a setting where you can enter custom css, you can
   use a plugin like this one:
    [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/)
 * Checkout page:
    What you’ve got:
 *     ```
       input[type=text], input[type=email], input[type=password], textarea {
       background: #fff;
       border: 1px solid #ccc;
       color: #b2b2b6;
       padding: 10px;
       width: 100%;
       box-sizing: border-box;
       }
       ```
   
 * What you need in your custom css;
 *     ```
       input[type="text"], input[type="email"], input[type="password"], textarea {
       background: #fff;
       border: 1px solid #ccc;
       color: #b2b2b6;
       padding: 10px;
       width: 100%;
       box-sizing: border-box;
       }
       ```
   
 * Sorry can’t test the above so may not be right. If you still have the problem,
   go to theme support.
 *  Thread Starter [TanyaMasse](https://wordpress.org/support/users/tanyamasse/)
 * (@tanyamasse)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589479)
 * Thank you so much for your detailed response.
    I have updated the theme to v5.6.1.
 * The coupon field on the Checkout page is working fine. Is there a way to just
   remove the “Apply Coupon” button and field from the Cart page and only have the
   option to enter the coupon on the Checkout page? I think this would be an easier
   way to solve my issue.
 * Thanks again!
 *  Thread Starter [TanyaMasse](https://wordpress.org/support/users/tanyamasse/)
 * (@tanyamasse)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589481)
 * I figured out how to do it with a PHP Snippet… =)
 * Sorry to bother you and thanks again for your help!
 * T
 *  [teamicm](https://wordpress.org/support/users/teamicm/)
 * (@teamicm)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589786)
 * I had the same issue and resolved it by adding the following into the custom 
   CSS option in the theme:
 *     ```
       .woocommerce table.cart td.actions .coupon input[type="text"] {
           height: auto;
       }
       ```
   
 * I noticed that the height rule was causing the trouble when a height in pixels
   was specified.

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

The topic ‘Coupon code field’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

## Tags

 * [coupon code](https://wordpress.org/support/topic-tag/coupon-code/)
 * [form field](https://wordpress.org/support/topic-tag/form-field/)

 * 6 replies
 * 3 participants
 * Last reply from: [teamicm](https://wordpress.org/support/users/teamicm/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/coupon-code-field/#post-6589786)
 * Status: resolved