Empty slots in grid view

I am seeing empty product slots in the grid view. List view appears ok.
See new product list for example

Can you please please help

Attachment 39087

13 answers

Profile photo of tomc 0.00 $tone August 6, 2014
Public

I just tried this and it seemed to work . . . .

Within file path —> /skin/frontend/default/jm_kidsland/css/styles.css
at line 3425, modify as follows:

Code:

.products-grid {    
    clear: both;
    list-style: none outside none;
    margin: 0 -1px;
    position: relative;
}

Better ???

#1
Profile photo of tomc 0.00 $tone August 6, 2014
Public

Same file path, line 3384 -- modify as follows:

Code:

  cms-home .listing-type-grid.category-products {
    border: 1px solid #ebebeb
    border-radius: 5px;
    float: left;
    padding: 0px;
}

Back to Better ???

#5
Profile photo of santosh pillai 90.00 $tone August 11, 2014
Public

Sorted by adding min-height. The problem was caused by the length of text in the grid view.
I suggest you should update this in your product

Style.css

.category-products .products-grid li.item { min-height: 295px; }

#11
Profile photo of Saguaros 0.00 $tone August 14, 2014
Public

You can add specific rule for mobile screen via these 2 css files:

\skin\frontend\default\jm_kidsland\css\layout-mobile.css
\skin\frontend\default\jm_kidsland\css\layout-mobile-portrait.css

#13

Please login or Register to Submit Answer

Written By

Comments