[SOLVED] Products windows size issue

[zabamich]

I would like to ask  how to change small issue with product windows??

 

 

Size depend of product title. How to set all windows in the same size??

[dioniz]

Open yourdomain/themes/default-bootstrap/css/product_list.css and find this:

 

ul.product_list.grid > li .product-container {
    background: none repeat scroll 0 0 white;
    padding: 0;
    position: relative;
}

Change to:

ul.product_list.grid > li .product-container {
    background: none repeat scroll 0 0 white;
    padding: 0;
    position: relative;
    min-height:500px;
}

Change 500px to whatever suits you.

[zabamich]

still the same, price isn't  on the same level, product window is longer  but price stil is under title not lower

[dioniz]

Undo what i told you and find this:

ul.product_list.grid > li .product-container h5 {
    min-height: 53px;
    padding: 0 15px 7px;
}

and change 53px to something bigger

[zabamich]

now is mutch better all price on the same level. but now in category list is large empty space  beatween product title and price,

 

Problem with "price level" was only on new arrival products.

 

this modification  change all products list.

 

Undo what i told you and find this:
ul.product_list.grid > li .product-container h5 {
    min-height: 53px;
    padding: 0 15px 7px;
}

 

Edited August 20, 2014 by zabamich (see edit history)

[dioniz]

Ok then undo that and let's try this:

 

Add new style like this

#blocknewproducts ul.product_list.grid > li .product-container h5{
    min-height:100px;
}

This should change height for new products only.

[zabamich]

Not working , after add this code still the same; price not on the same level for new products.

[dioniz]

Ok now final solution i hope :

 

Replace last one with this:

#blocknewproducts .product-container h5, #blockbestsellers .product-container h5, #homefeatured .product-container h5 {
    min-height:100px;
}

[zabamich]

now is great , thanks for help.

[dioniz]

You are welcome

I'm marking this thread solved