Quantity Label text

Resolved cjbreither
(@cjbreither)

6 years ago
I currently have a quantity label added to my shop before the amount selection button, but I just found out that if there’s only 1 of an item available in the shop (and thus the quantity selector doesn’t show) that the label remains and it looks weird.

I’d like the label to only show when the quantity field does. Any suggestions on how to make this happen?

This is the code I’m currently using
```
/*** quantity label ***/
.qty {
    float: left;
    font-weight: bold;
    padding: 10px 20px 0px 0px;
}
```
- This topic was modified 6 years ago by cjbreither.
The page I need help with: [log in to see the link]

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

Remi Corson
(@corsonr)

Automattic Happiness Engineer

6 years ago

Hi there,

In this case the best method would be to work with WooCommerce custom templates. Basically a custom template allows you to override WooCommerce default files and use your own custom files instead. Here is a [quick tutorial](https://docs.woocommerce.com/document/template-structure/) that will explain you how to create your custom templates. Also, if some of your existing custom templates are outdated, I would suggest [updating them](https://docs.woocommerce.com/document/fix-outdated-templates-woocommerce/).

WooCommerce comes with a number of front-end HTML templates as well as email templates. Instead of editing these files directly within the plugin (which is a very bad idea because once update the plugin and all of your changes will be lost!), you can copy them into your theme:

1. In your theme directory, make a new folder called woocommerce.
2. Navigate to the WooCommerce plugin directory and open the templates folder. The templates folder has a lot of subfolders with all of the different templates that WooCommerce uses. Fortunately, the template file structure and naming in WooCommerce is easy to follow.
3. In your newly created woocommerce folder, copy the template file that you want to edit. Remember to keep the directory structure the same here. If the template you want to edit is within a subfolder then remember to create that subfolder within your theme’s directory.
4. Edit the file from within your woocommerce folder and save the changes.

Then move the .qty div inside the .hidden div like so:

https://d.pr/i/ITH1cR

and that should work just fine.

AJ a11n
(@amandasjackson)

6 years ago

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

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

The topic ‘Quantity Label text’ is closed to new replies.