[Skip to main content](#vessel-content) # Category div container shifting ## - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53475](#53475) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") *[Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53475 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* was created by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* When I enter a category it displays like this [ ![001.jpg](/forum/attachment/4223) ](/forum/attachment/4223 "001.jpg") However when I enter a sub category of that category it displays like this [ ![002.jpg](/forum/attachment/4224) ](/forum/attachment/4224 "002.jpg") I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. [ ![003.jpg](/forum/attachment/4225) ](/forum/attachment/4225 "003.jpg") Im not sure whats going on and why the box widths are changing from category to subcategory. Please help - [ ![001.jpg](/forum/attachment/4223) ](/forum/attachment/4223 "001.jpg") [ ](/forum/attachment/4223?download=1 "001.jpg") - [ ![002.jpg](/forum/attachment/4224) ](/forum/attachment/4224 "002.jpg") [ ](/forum/attachment/4224?download=1 "002.jpg") - [ ![003.jpg](/forum/attachment/4225) ](/forum/attachment/4225 "003.jpg") [ ](/forum/attachment/4225?download=1 "003.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) 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 - - - 14 years 4 months ago [\#53480](#53480) 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 *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53480 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* Can you give us a like to your web site ? it would help us to know how to solve this. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53483](#53483) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53483 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* The website is still in test mode before we launch it, but here is the link [ test.climatictech.co.za/index.php/en/](http://test.climatictech.co.za/index.php/en/) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) 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 - - - 14 years 4 months ago [\#53486](#53486) 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 *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53486 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* I think that you can try at least to change the picture size in "Hikashop->System->Configuration->Files". Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53491](#53491) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53491 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* I have tried that already. although that only changes the picture size within the actual product page. To change the image size within a category you have to changed the image sizes in the associate modules. and they are all the same [ test.climatictech.co.za/index.php/en/man...ory/96-uncategorized](http://test.climatictech.co.za/index.php/en/manufacturer/category/96-uncategorized) In this link all the photos are perfect, just the way I want them But in other places its different like the root category page [ test.climatictech.co.za/index.php/en/manufacturer](http://test.climatictech.co.za/index.php/en/manufacturer) Why is that so different if the images are set to be exactly the same size Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53567](#53567) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53567 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* No matter how small I make the images, the container keeps shifting to before the picture ![:unsure:](/media/kunena/emoticons/22.png ":unsure:") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) 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: 86315 - Thank you received: 14276 - - 14 years 4 months ago [\#53572](#53572) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53572 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* The system uses the number of columns option of the listing in order to compute the width of each item box. If you have images going "over" the item box, it means that you should either reduce the width of images, reduce the margin or reduce the number of columns or a mixed of these three parameters of your listing. There is no need to change the CSS to avoid that. I checked your links but I don't see the problem anymore. Did you figured something out already maybe ? The following user(s) said Thank You: [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53588](#53588) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53588 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* I just changed the settings in the CSS and it worked fine for those pages but it threw some other pages out. So now i reverted the settings. I've put the CSS styling on default so you can see what its doing. I have tried all that already. I've made my margins 5px, reduced the image size to 100 X 100, and even the number of columns to 3 Its still doing this [ ![Untitled-1_2012-06-12.jpg](/forum/attachment/4242) ](/forum/attachment/4242 "...2012-06-12.jpg") Im not sure what more I can try - [ ![Untitled-1_2012-06-12.jpg](/forum/attachment/4242) ](/forum/attachment/4242 "...2012-06-12.jpg") [ ](/forum/attachment/4242?download=1 "...2012-06-12.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) 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: 86315 - Thank you received: 14276 - - 14 years 4 months ago [\#53681](#53681) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53681 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* As far as I can see, it's just you're template's main area which doesn't take the full width of the page. Adding such CSS on your website will make that happen and render the listing on the full width of the page: \#content_full{width:100%;} The following user(s) said Thank You: [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")** - [![ryand500's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7654-ryand500 "View ryand500's Profile") Topic Author - [ Offline](/forum/user/7654-ryand500) Less More - Posts: 19 - Thank you received: 0 - - 14 years 4 months ago [\#53741](#53741) by [ryand500](/forum/user/7654-ryand500 "View ryand500's Profile") Replied by *[ryand500](/forum/user/7654-ryand500 "View ryand500's Profile")* on topic *[Re: Category div container shifting](/forum/4-how-to/53475-category-div-container-shifting#53741 "When I enter a category it displays like this However when I enter a sub category of that category it displays like this I fixed the subcontainer box width to 200 px, which fixes only when i have four sub categories, it comes out looking like the one above .hikashop_subcontainer{ padding-top:10px; padding-bottom:10px; padding-right:2px; padding-left:2px; height: 230px; width: 200px; } otherwisee if i remove the width 200px it comes out like this. Im not sure whats going on and why the box widths are changing from category to subcategory. Please help")* Thanks Nick, I figured it out last night, when i switched over to another template and everthing was working perfectly. Thank you very much for all your support. ![:)](/media/kunena/emoticons/8.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNDc1LWNhdGVnb3J5LWRpdi1jb250YWluZXItc2hpZnRpbmc/dG1wbD1tYXJrZG93bg==) 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.131 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)