Product items not arrange properly as it should be. Why?

Product items not arrange properly as it should be. Why?

Refer attachment and URL.

http://magento.cybertoads.net/eiregnil/lingerie.html

3 answers

Profile photo of Sherlock 0.00 $tone August 20, 2013
Public

Hi mate,

You can open the file of skin/frontend/default/jm_lingerie/css/styles.css look for this rule

HTML Code:

 .products-grid li.item {
  float: left;
  margin: 0 0 20px !important;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 33%;
  z-index: 1;
}

here you add a height value so change it to

HTML Code:

 .products-grid li.item {
  float: left;
  height:300px;
  margin: 0 0 20px !important;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 33%;
  z-index: 1;
}

I hope this would help

#1
Profile photo of Jeromie Rdolph 0.00 $tone October 3, 2013
Public

Hi mate,

You can open the file of skin/frontend/default/jm_lingerie/css/styles.css look for this rule

HTML Code:

 .products-grid li.item {
  float: left;
  margin: 0 0 20px !important;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 33%;
  z-index: 1;
}

here you add a height value so change it to

HTML Code:

 .products-grid li.item {
  float: left;
  height:300px;
  margin: 0 0 20px !important;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 33%;
  z-index: 1;
}

I hope this would help

So I am having the same issue. Once I applied your fix it messed up the featured products on my homepage. I am using the hawkstore them. Any other suggestions? I would rather not have to increase the names of all my products just to make this balance out.

#2
Profile photo of Sherlock 0.00 $tone October 5, 2013
Public

So I am having the same issue. Once I applied your fix it messed up the featured products on my homepage. I am using the hawkstore them. Any other suggestions? I would rather not have to increase the names of all my products just to make this balance out.

you can use the below rule to apply the change to category product list only

HTML Code:

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

hope you get the ideal !

#3

Please login or Register to Submit Answer

Written By

Comments