Change product grid cell height?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
11 лет назад
My store does not use short descriptions - so there is a big empty space between the bottom of the thumbnail and the "Details/Add To Cart/Price"  below it when viewing in GRID layout.

To visualize what I am talking about - in GRID view this is what I get for each of the 2 columns....
+-----------------+
|                       |
|    <THUMB>    |
|------------------|
|            |          |
|            |          |   <===EMPTY SPACE
|            |          |
|  CART  | PRICE |
+-----------------+

This is what I'd like...
+-----------------+
|                       |
|    <THUMB>    |
|------------------|
|  CART  | PRICE |
+-----------------+

Is this something that can be changed easily enough?
11 лет назад
Oh yeah.....I'm running v2.5
11 лет назад
For a quick fix all that you need to do is make some minor edits to the CSS file for your theme.

If you are using the Dark Orange theme, take a look at the following CSS property in Styles.css

.product-grid .product-item .description {margin:5px 5px 0;text-align:center;padding:10px 5px;border-top:solid 1px #e3e3e3;color:#555;height:50px;}

Change the height to 0px instead of 50px.  Also change the padding to 0px.

If you look at the other CSS properties that are around .product-grid .product-item .description such as

.product-grid .product-item .add-info

you can change the grid box even more.

Help this helps!
11 лет назад
EXACTLY!!  Thanks Tim!
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.