How to reduce with length of Quantity number field

-- HikaShop version -- : 2.3.5 Essential
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.3.29
-- Error-message(debug-mod must be tuned on) -- : no error message

I want to reduce the width of the Quantity number field in all my two column layouts since it is making the plus and minus symbols very crowded and tight between the data field and the Add to cart button.

Here is a page where I do not like the spacing:
apf.cloudaccess.net/dvd

On the actual product pages I am happy with the spacing. Here is one of them:
apf.cloudaccess.net/dvd/scripture/produc...-the-forgotten-dream

If you could give me a little override to put into my custom.css file I would be grateful!

Thanks, Sean Carney

Try this:

.hikashop_products_listing input.hikashop_product_quantity_field {
  width: 50px;
  text-align: center;
}

.hikashop_products_listing a.hikashop_product_quantity_field_change {
  font-size: 24px;
  padding: 0 10px;
}

Hi,

Here are the properties:

.hikashop_product_quantity_field_change{
    font-size: 22px !important;
}
.hikashop_products_listing .hikashop_product_quantity_field{
    width: 95% !important;
}

would you also have a little magic to also make the + and - symbol fit within the height of the text field box. I see there appear to be a couple classes for the lining of of those symbols.

An example is at apf.cloudaccess.net/dvd/product/the-forgotten-dream

Hi,

Please read our doc about layout customization, you can too find many sources to learn some css on the web
You can too try to use another layout for the input quantity field thanks to the option "Quantity layout on product page" in Configuration > Display > Products or in the settings of your menu/modules directly.

Thank you for showing me that setting. I prefer your default setting. Wish I had more time to learn CSS.