Title: Input fields
Last modified: September 10, 2021

---

# Input fields

 *  Resolved [tiaramare](https://wordpress.org/support/users/matarelovejoy/)
 * (@matarelovejoy)
 * [4 years, 9 months ago](https://wordpress.org/support/topic/input-fields-3/)
 * Hi,
 * I need assistance with CSS code to change the input fields on a single product
   page to something more modern, for example [https://imgur.com/uyLwk6R](https://imgur.com/uyLwk6R)
 * Currently, they look like this and I would like to change that [https://imgur.com/0KUxfqb](https://imgur.com/0KUxfqb)

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

 *  [Stuart Duff – a11n](https://wordpress.org/support/users/stuartduff/)
 * (@stuartduff)
 * Automattic Happiness Engineer
 * [4 years, 9 months ago](https://wordpress.org/support/topic/input-fields-3/#post-14859059)
 * Hi [@matarelovejoy](https://wordpress.org/support/users/matarelovejoy/),
 * To achieve this type of customization I’d recommend using [Google Chrome Developer](https://developer.chrome.com/devtools)
   Tools. You can right click anywhere on your webpage to select ‘Inspect Element’,
   the HTML and CSS properties show up right in your browser.
 * You can then write some custom css to restyle the areas which you’ve inspected
   like the WooCommerce Variable select elements.
 *     ```
       .single-product div.product table.variations select {
         // Add your custom css here.
       }
       ```
   
 *  [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * (@wpniall)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/input-fields-3/#post-15061594)
 * Hey [@matarelovejoy](https://wordpress.org/support/users/matarelovejoy/)
 * We haven’t heard back from you for a while, so I’m going to mark this post as
   resolved.
 * If you need any further help with these CSS changes, I recommend [the WooCommerce Developer Resources Portal](https://developer.woocommerce.com/)
   for resources on developing for WooCommerce, as well as the [Storefront developer documentation](https://docs.woocommerce.com/documentation/themes/storefront/woocommerce-codex-storefront/).
 * You can also visit the [WooCommerce Facebook group](https://www.facebook.com/groups/advanced.woocommerce/)
   or the `#developers` channel of the [WooCommerce Community Slack](https://woocommerce.com/community-slack/)
   for help. We’re lucky to have a great community of open-source developers for
   WooCommerce, and many of our developers hang out there, as well.
 * Or, if you need additional help with the Storefront theme, please start a new
   thread and we’ll be able to help you out there.
 * Thank you!

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

The topic ‘Input fields’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/storefront/4.6.2/screenshot.png)
 * Storefront
 * [Support Threads](https://wordpress.org/support/theme/storefront/)
 * [Active Topics](https://wordpress.org/support/theme/storefront/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/storefront/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/storefront/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [Niall a11n](https://wordpress.org/support/users/wpniall/)
 * Last activity: [4 years, 7 months ago](https://wordpress.org/support/topic/input-fields-3/#post-15061594)
 * Status: resolved