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

#   Gaps in product listing

##

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

Less More

- Posts: 6
- Thank you received: 0
-
-

13 years 3 months ago [\#112653](#112653) by [kershawj42](/forum/user/23422-kershawj42 "View kershawj42's Profile")  *[Gaps in product listing](/forum/2-general-talk-about-hikashop/84766-gaps-in-product-listing#112653 "Hi, Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing. So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing. I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing. I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit? I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine? Any ideas? Thanks")* was created by *[kershawj42](/forum/user/23422-kershawj42 "View kershawj42's Profile")*

Hi,
Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing.
So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing.
I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing.
I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit?
I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine?
Any ideas?
Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg0NzY2LWdhcHMtaW4tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) 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 3 months ago [\#112659](#112659) 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 *[Gaps in product listing](/forum/2-general-talk-about-hikashop/84766-gaps-in-product-listing#112659 "Hi, Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing. So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing. I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing. I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit? I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine? Any ideas? Thanks")*

Hi,

We'll need more information like a little screenshot of the problem that you are having for example, and a link to your page will probably help us to know that's a CSS issue or not.
thanks ![:)](/media/kunena/emoticons/8.png ":)").

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

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

Less More

- Posts: 6
- Thank you received: 0
-
-

13 years 3 months ago [\#112662](#112662) by [kershawj42](/forum/user/23422-kershawj42 "View kershawj42's Profile")  Replied by *[kershawj42](/forum/user/23422-kershawj42 "View kershawj42's Profile")* on topic *[Gaps in product listing](/forum/2-general-talk-about-hikashop/84766-gaps-in-product-listing#112662 "Hi, Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing. So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing. I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing. I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit? I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine? Any ideas? Thanks")*

Thanks for coming back so quick.
There should now be a screen shot attached to this post.
Here is a temporary link to the site I'm using to develop the site: [ tinyurl.com/kq74788](http://tinyurl.com/kq74788)
Regards
[ ![hikaexample.png](/forum/attachment/10980) ](/forum/attachment/10980 "hikaexample.png")

- [ ![hikaexample.png](/forum/attachment/10980) ](/forum/attachment/10980 "hikaexample.png") [ ](/forum/attachment/10980?download=1 "hikaexample.png")

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

- **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")**
- [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile")
- [ Offline](/forum/user/1824-eliot)

Less More

- Posts: 2334
- Thank you received: 403
-
-

13 years 3 months ago [\#112682](#112682) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile")  Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Gaps in product listing](/forum/2-general-talk-about-hikashop/84766-gaps-in-product-listing#112682 "Hi, Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing. So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing. I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing. I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit? I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine? Any ideas? Thanks")*

Hi there,

This is just a small css isue.
Since your product title are somethimes longer it "pushes" the product under the top ones.
Adding a css rule like this one in your front end css file should do the job (System&gt;Configuration&gt;Display&gt;css): Code:

div.hikashop_container { height: 400px; }

The following user(s) said Thank You: [Mel](/forum/user/5292-mel "View Mel's Profile"), [kershawj42](/forum/user/23422-kershawj42 "View kershawj42's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg0NzY2LWdhcHMtaW4tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) 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 3 months ago [\#112683](#112683) 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 *[Gaps in product listing](/forum/2-general-talk-about-hikashop/84766-gaps-in-product-listing#112683 "Hi, Enjoying working with Hikashop and have learnt from this forum. I'm having some trouble with the display of products within and accessed from a category listing. So I have categories and sub-categories, boys clothing -&gt; suits/shirts that sort of thing. I have a page which loads a hikashop content module. Type of content is category, layout is div, no. of columns is set to 3 and number of items 20. Associated category is top level (product category) and menu is categories listing. I then see the two top level categories - no problem. I click on one and I then see the three categories under that, no problem. I click on one of them and I get a list of the products on that category. All working except in the one sub-category which has five products I seem to have a gap where two products could fit? I tried disabling bootstrap on that page and they list on top of each other with no gaps so guess it's going to be down to my template and bootstrap, but I checked in firebug and it all seems fine? Any ideas? Thanks")*

I don't know why but setting the font-size to 16 px is fixing the problem, so you'll just have to use this kind of CSS code : Code:

.art-post { font-size: 16px !important; }

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg0NzY2LWdhcHMtaW4tcHJvZHVjdC1saXN0aW5nP3RtcGw9bWFya2Rvd24=) 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.141 seconds

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

[](#top)
