woocommerce product quantity display issue?

[Focused.1]

Hey Thanks for any help that might be provided. I am having trouble locating where I can change how the quantity is being displayed. I am using "Swank" theme and the buttons to increase and decrease the quantity are showing but the actual quantity of a product in the cart is not showing. The quantity is changing when using the buttons. It seems like the theme is causing a display issue but I have not been able to get it to display properly.

Any suggestions?

Thanks a ton!

http://www.zagazaproduction.com/

[Victor Font]

The width of the input is in the WooCommerce css in the .woocommerce .quantity .qty block.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Focused.1]

Thank you for your time and help!

[Jason Weakley]

Where would I find how to edit this? I am using the Agency Pro theme and am having a similar issue on this page:
http://cornerstoneretrievers.com/shop/lucy/
The quantity selector seems to be working, but does not display correctly.

[Focused.1]

You can edit the WooCommerce css in the .woocommerce .quantity .qty block. file via the file manager in your hosting account.

[Jason Weakley]

I found it:

Login to your hosting provider, access the File Manager and follow this file path:

public_html/mydomain.com/wp-content/plugins/woocommerce/assets/css

Select the woocommerce.css file and edit it.

Search the document for "qty" (on a PC use [CTRL]+F).

You are looking for a string of code that looks like this:

.woocommerce .quantity .qty{width:3.631em;text-align:center}

Change the value to whatever you'd like. 4.631 or 5.631 should be good.

Save changes and leave the file open.

Go to your website and refresh the page. View changes, edit the file if need be. Close window with the open file when you're satisfied.

[Brad Dalton]

What happens to your edits when you update the plugin?

Why wouldn't you copy the CSS over to your child themes style sheet and edit it there so its saved after plugin updates?

---

Tutorials for StudioPress Themes.

[Jason Weakley]

Would it work if I just copy and paste
.woocommerce .quantity .qty{width:6.631em;text-align:center}
to the style.css file in WordPress?
When I do this it doesn't seem to be working if I use a higher number it doesn't get wider...

[Brad Dalton]

Add !important https://css-tricks.com/when-using-important-is-the-right-choice/

---

Tutorials for StudioPress Themes.

[Jason Weakley]

Is this correct?

.woocommerce .quantity .qty{width:6.631em;text-align:center !important}

[Brad Dalton]

Works when i test it in the browser yes.

---

Tutorials for StudioPress Themes.

[Jason Weakley]

Hmmm, I'm just not seeing any change on screen when I change the size of the number.

[Brad Dalton]

Clear all caching

---

Tutorials for StudioPress Themes.

[Author]

Posts