Style the Input field and buttons with CSS
-
How can I increase the size and change the color of the Quantity Input and buttons in the product page? I use the OceanWP theme.
In the CSS option of the Theme I added this:
.woocommerce .quantity input {
width: 100%;
}
And it actually increased the quantity field a little bit, but I would like it to span the entire width of the page just like the Add To Cart button.
Viewing 5 replies - 1 through 5 (of 5 total)
-
Hey @tommaso99,
Looking at your product this CSS should provide a good starting pont for you.
.single-product .quantity { width: 100% !important } .single-product .quantity input { min-width: 80% !important } .single-product .quantity .minus, .single-product .quantity .plus { min-width: 10%; background-color: #5e17eb; color: white }Image Link: https://cloudup.com/cvbVVoC7yvg
To achieve these types of customization I’d recommend using Google Chrome Developer Tools. You can right click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser.
I hope this helps.
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘Style the Input field and buttons with CSS’ is closed to new replies.
