Change product grid cell height?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
11 years ago
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 years ago
Oh yeah.....I'm running v2.5
11 years ago
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 years ago
EXACTLY!!  Thanks Tim!
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.