[Skip to main content](#vessel-content)

#   Change columns width in Shopping Cart Quantity

##

- **[leader](/forum/user/21389-leader "View leader's Profile")**
- [![leader's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/21389-leader "View leader's Profile") Topic Author
- [ Offline](/forum/user/21389-leader)

Less More

- Posts: 14
- Thank you received: 0
-
-

7 years 2 months ago -  7 years 2 months ago [\#310252](#310252) by [leader](/forum/user/21389-leader "View leader's Profile")  *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310252 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")* was created by *[leader](/forum/user/21389-leader "View leader's Profile")*

-- HikaShop version -- : 4.2.1 [1907301824]
-- Joomla version -- : 3.9.11
-- PHP version -- : 7.2

We require some guidance please?

Is there a way to determine or set the width of the columns in the Sales Cart Module?

As to make more space available?

Any advice would be appreciated?

- [ ![cart-module-columns.PNG](/forum/attachment/47540) ](/forum/attachment/47540 "...le-columns.PNG") [ ](/forum/attachment/47540?download=1 "...le-columns.PNG")

Last edit: 7 years 2 months ago by [leader](/forum/user/21389-leader "View leader's Profile"). Reason: Spelling mistake

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86318
- Thank you received: 14276
-
-

7 years 2 months ago [\#310255](#310255) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310255 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Hi,

With custom CSS to can change the width of the columns yes. And you can add margins as well.

If you issue is with the prices being on two lines, you can for example add such CSS on your website: Code:

.hikashop_cart_module_product_price_value { width: 100px; display: block; }

[ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html)

The following user(s) said Thank You: [leader](/forum/user/21389-leader "View leader's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[leader](/forum/user/21389-leader "View leader's Profile")**
- [![leader's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/21389-leader "View leader's Profile") Topic Author
- [ Offline](/forum/user/21389-leader)

Less More

- Posts: 14
- Thank you received: 0
-
-

7 years 2 months ago [\#310322](#310322) by [leader](/forum/user/21389-leader "View leader's Profile")  Replied by *[leader](/forum/user/21389-leader "View leader's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310322 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Thank you very much for the reply.

We have opened the file: product / cart.php under display &gt; views.

Is this the correct file?

Which line should we edit or where should we add the code to narrow the quantity column and widen the Price column?

We have migrated from eShop and have been quite successful to date using the documentation, but do get stuck now and then when we don't know exactly what to search for to resolve the problem?

Hoping you can help and looking forward to a reply?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86318
- Thank you received: 14276
-
-

7 years 2 months ago [\#310326](#310326) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310326 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Hi,

This is CSS. So you need to add that in a CSS file, not a view.
The link I gave you in my previous post explains how to add CSS in HikaShop, under the CSS section of the Display tab of the HikaShop configuration.

The following user(s) said Thank You: [leader](/forum/user/21389-leader "View leader's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[leader](/forum/user/21389-leader "View leader's Profile")**
- [![leader's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/21389-leader "View leader's Profile") Topic Author
- [ Offline](/forum/user/21389-leader)

Less More

- Posts: 14
- Thank you received: 0
-
-

7 years 2 months ago -  7 years 2 months ago [\#310367](#310367) by [leader](/forum/user/21389-leader "View leader's Profile")  Replied by *[leader](/forum/user/21389-leader "View leader's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310367 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Thank you for the reply.

We are Hikashop newbies and have managed to get a lot done using the forum posts and documentation when googling.
By no means are we experts and would really appreciate your guidance?
Please could you assist in providing more information as to where we can edit the CSS files?
Are these also under Display &gt; Views?

Last edit: 7 years 2 months ago by [leader](/forum/user/21389-leader "View leader's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86318
- Thank you received: 14276
-
-

7 years 2 months ago [\#310372](#310372) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310372 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Hi,

It's not in Display&gt;Views.
As I said, it's in the HikaShop configuration page.
So go in the menu Components&gt;HikaShop&gt;Configuration of your backend.
There, click on the Display tab. And under the "CSS" section, you'll see the CSS options where you can edit them to add your own CSS as explained in the link I gave you :
[ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html)
Please look there. There is even a screenshot (albeit a bit old) which displays the HikaShop menu, the configuration page, the display tab and the CSS options:
[ www.hikashop.com/images/stories/doc\_display\_3.png](https://www.hikashop.com/images/stories/doc_display_3.png)

Note that this doesn't require any HikaShop knowledge. You could add that CSS code I gave in the main CSS file of your Joomla template (or any other CSS file loaded on the page) and it would work as well as if you add it in HIkaShop.

The following user(s) said Thank You: [leader](/forum/user/21389-leader "View leader's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[leader](/forum/user/21389-leader "View leader's Profile")**
- [![leader's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/21389-leader "View leader's Profile") Topic Author
- [ Offline](/forum/user/21389-leader)

Less More

- Posts: 14
- Thank you received: 0
-
-

7 years 1 month ago [\#310502](#310502) by [leader](/forum/user/21389-leader "View leader's Profile")  Replied by *[leader](/forum/user/21389-leader "View leader's Profile")* on topic *[Change columns width in Shopping Cart Quantity](/forum/35-orders-management/898168-change-columns-width-in-shopping-cart-quantity#310502 "-- HikaShop version -- : 4.2.1 &#91;1907301824&#93; -- Joomla version -- : 3.9.11 -- PHP version -- : 7.2  We require some guidance please?  Is there a way to determine or set the width of the columns in the Sales Cart Module?  As to make more space available?  Any advice would be appreciated?")*

Thank you Very much, was NOT aware that we could edit the CSS files within the configuration menu.

The documentation is at times confusing and does not always guide newbies in detail, so thank you very much for the detailed reply!

For other people that also struggle with this, you follow the links to CSS.

Then Click the Pencil Icon to edit the CSS.

Quick and easy!

- [ ![css-edit-config.PNG](/forum/attachment/47630) ](/forum/attachment/47630 "...dit-config.PNG") [ ](/forum/attachment/47630?download=1 "...dit-config.PNG")
- [ ![css-edit-config-1.PNG](/forum/attachment/47631) ](/forum/attachment/47631 "...t-config-1.PNG") [ ](/forum/attachment/47631?download=1 "...t-config-1.PNG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL29yZGVycy1tYW5hZ2VtZW50Lzg5ODE2OC1jaGFuZ2UtY29sdW1ucy13aWR0aC1pbi1zaG9wcGluZy1jYXJ0LXF1YW50aXR5P3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; 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.130 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
