[Skip to main content](#vessel-content) # How to change the width of the quantity field ## - **[turnag](/forum/user/12012-turnag "View turnag's Profile")** - [![turnag's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12012-turnag "View turnag's Profile") Topic Author - [ Offline](/forum/user/12012-turnag) Less More - Posts: 10 - Thank you received: 0 - - 13 years 4 months ago [\#110165](#110165) by [turnag](/forum/user/12012-turnag "View turnag's Profile") *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#110165 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* was created by *[turnag](/forum/user/12012-turnag "View turnag's Profile")* I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: [ www.rideeasyleather.com/](http://www.rideeasyleather.com/) . Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 4 months ago [\#110187](#110187) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#110187 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Hi, Can you show me where do you exactly have your problem through some screenshots for example ? thanks. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[turnag](/forum/user/12012-turnag "View turnag's Profile")** - [![turnag's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12012-turnag "View turnag's Profile") Topic Author - [ Offline](/forum/user/12012-turnag) Less More - Posts: 10 - Thank you received: 0 - - 13 years 4 months ago [\#110303](#110303) by [turnag](/forum/user/12012-turnag "View turnag's Profile") Replied by *[turnag](/forum/user/12012-turnag "View turnag's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#110303 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Here is a screen shot of the checkout screen, notice the width of the quantity field. I would like to change the width. - [ ![CheckOut.jpg](/forum/attachment/10760) ](/forum/attachment/10760 "CheckOut.jpg") [ ](/forum/attachment/10760?download=1 "CheckOut.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 13 years 4 months ago [\#110304](#110304) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#110304 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* That's because of the code: Code: media="screen" input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { width: 100%; padding: 4px 0; color: #3D5166 !important; font-size: 13px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: normal; font-style: normal; text-shadow: none; } of the file [ www.rideeasyleather.com/templates/ride01/css/template.css](http://www.rideeasyleather.com/templates/ride01/css/template.css) of your template. Remove it and it will display with the 10px width that you set in your HikaShop frontend CSS. The following user(s) said Thank You: [turnag](/forum/user/12012-turnag "View turnag's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[turnag](/forum/user/12012-turnag "View turnag's Profile")** - [![turnag's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12012-turnag "View turnag's Profile") Topic Author - [ Offline](/forum/user/12012-turnag) Less More - Posts: 10 - Thank you received: 0 - - 13 years 4 months ago [\#110323](#110323) by [turnag](/forum/user/12012-turnag "View turnag's Profile") Replied by *[turnag](/forum/user/12012-turnag "View turnag's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#110323 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Thanks a bunch this corrected the problem. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[aemont](/forum/user/31148-aemont "View aemont's Profile")** - [![aemont's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/31148-aemont "View aemont's Profile") - [ Offline](/forum/user/31148-aemont) Less More - Posts: 39 - Thank you received: 0 - - - - 12 years 8 months ago [\#144918](#144918) by [aemont](/forum/user/31148-aemont "View aemont's Profile") Replied by *[aemont](/forum/user/31148-aemont "View aemont's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#144918 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Greetings! Newbie here. Don't know if you need the following information, but just in case. Artisteer 4.0 Template Joomla 3.2 PHP 5.4.3 SQL 5.5.24 First of all I am extremely impressed with the forum and documentation, so much better than your competitor. I followed your instructions but then it changed all the input fields in the checkout area and not just the quantity. Is there an area where I can change only the quantity input field width? Thanks a bunch! Ann Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 12 years 8 months ago [\#144939](#144939) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#144939 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Hello Ann, I think that using this kind of [ CSS ](http://www.hikashop.com/support/153-customize-the-display.html)code will probably do the job : Code: .hikashop_cart_product_quantity_value input { width: 20px !important; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile")** - [![bluetooth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9052-bluetooth "View bluetooth's Profile") - [ Offline](/forum/user/9052-bluetooth) Less More - Posts: 94 - Thank you received: 3 - - 9 years 6 months ago - 9 years 6 months ago [\#267848](#267848) by [bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile") Replied by *[bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#267848 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Dear sir, Now the code had been updated. How can I could set the width of the quantity field? My quantity field is very long? [ ![quantity.GIF](/forum/attachment/37747) ](/forum/attachment/37747 "quantity.GIF") [ Website Link](http://bluetooth.com.cn/index.php/en/) - [ ![quantity.GIF](/forum/attachment/37747) ](/forum/attachment/37747 "quantity.GIF") [ ](/forum/attachment/37747?download=1 "quantity.GIF") Last edit: 9 years 6 months ago by [bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 9 years 6 months ago [\#267849](#267849) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#267849 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Hello, Please read the Mohamed message just above yours. He already gave all required explanations. Please understand that the input width is currently set by your template and not by HikaShop ; so the display issue you have is not related to HikaShop CSS or support. Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. The following user(s) said Thank You: [bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile")** - [![bluetooth's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/9052-bluetooth "View bluetooth's Profile") - [ Offline](/forum/user/9052-bluetooth) Less More - Posts: 94 - Thank you received: 3 - - 9 years 6 months ago [\#267893](#267893) by [bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile") Replied by *[bluetooth](/forum/user/9052-bluetooth "View bluetooth's Profile")* on topic *[How to change the width of the quantity field](/forum/2-general-talk-about-hikashop/83985-how-to-change-the-width-of-the-quantity-field#267893 "I have upgraded to the latest HikaShop Business version 2.1.3; is there a way to change the width of the coupon and quantity boxes (they are way too wide)? The site where I am having this problem is: www.rideeasyleather.com/ .")* Yes,your are right and I found that. Thank you very much. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzgzOTg1LWhvdy10by1jaGFuZ2UtdGhlLXdpZHRoLW9mLXRoZS1xdWFudGl0eS1maWVsZD90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.317 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)