Title: Checkout fields barely visible
Last modified: August 3, 2017

---

# Checkout fields barely visible

 *  Resolved [wendath](https://wordpress.org/support/users/wendath/)
 * (@wendath)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/)
 * Hello,
 * Is there a way to change the color of the field’s border on the checkout page?
   It is barely visible unless you click on it, so it becomes red or green (depending
   on whether it is required or not)
 * The background is white and it seems like the current border of the fields are
   very light grey, it is barely visible.
 * Here is a pic: [https://prnt.sc/g3y3yc](https://prnt.sc/g3y3yc) (Under Keresztnév
   its visible because I clicked in it and out of it, but below the Vezetéknév it
   is hard to see)
 * Thanks,
    Wendath

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

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/#post-9381733)
 * Please post the url of your site so the markup and styles can be examined with
   browser tools.
 *  Thread Starter [wendath](https://wordpress.org/support/users/wendath/)
 * (@wendath)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/#post-9382218)
 * site: [https://teszt.gyemantfelho.hu/](https://teszt.gyemantfelho.hu/)
    Currently
   there is only one product ([https://teszt.gyemantfelho.hu/termekkategoria/konyv/](https://teszt.gyemantfelho.hu/termekkategoria/konyv/))
 * checkout page: [https://teszt.gyemantfelho.hu/penztar/](https://teszt.gyemantfelho.hu/penztar/)
 * Just in case you wouldnt find it. It is in hungarian so you know, it is easier
   like this.
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/#post-9382462)
 * Try this custom css:
 *     ```
       .woocommerce form .form-row input.input-text {
         border-color: #0cc;
       }
       ```
   
 * Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional
   CSS
 *  Thread Starter [wendath](https://wordpress.org/support/users/wendath/)
 * (@wendath)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/#post-9382482)
 * Thank you very much, works like a charm!
    I set the color to #1c1313, this one
   is the closest to our needs because full black didn’t work.

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

The topic ‘Checkout fields barely visible’ 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

 * [checkout](https://wordpress.org/support/topic-tag/checkout/)

 * 4 replies
 * 2 participants
 * Last reply from: [wendath](https://wordpress.org/support/users/wendath/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/checkout-fields-barely-visible/#post-9382482)
 * Status: resolved