1. Home
  2. Docs
  3. Min Max Default Quantity ...
  4. How To
  5. How to Change the Style of the Input Field

How to Change the Style of the Input Field

Do You want to change the Style of Input field? 

pasted image 0 42


In WooCommerce, you have the flexibility to customize the appearance of various elements on your online store, including input fields. This guide will walk you through the process of changing the style of the input field to match your desired look and feel.

Step 1: Navigate to the Styling Tab

1. In the Woo-Commerce settings page, you will see several tabs at the top. Click on theStyling tab.

2. Under the “this” tab, find the “Quantity input style” sub-tab and click on it.

Step 2: Modify Input Field Style

1. Within the input field customization settings, you can typically adjust various styling attributes, such as font size, font colour, background colour, border style, and more.

2. Use the available options to customize the input field to your liking.

pasted image 0 1 8

For example

you can set the width to 100px and the max-width to 100px by adding the following CSS: width: 100px !important; max-width: 100px !important;

Step 3: Save Your Changes


Min Max Default Quantity for WooCommerce