Change product grid cell height?

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