How to Narrow the space ?

[ipcomp1]

Hello All

How can i narrow the space , like in the picture ?

Thanks
Shlomi

[Ginno]

in ....yourtheme/css/global.css find this line

#center_column .products_block ul li:hover { background-color: #404048; }
#center_column .products_block ul li {
   border-right: 1px solid #555;
   border-bottom:1px solid #555;
   float: left;
   clear: none;
   width: 261.5px;
   height: 230px;
   margin-right: 0.5em;
   margin-bottom: 1em;
   padding: 0;
   border: 1px solid #333
   margin-top:0;
   background-color: #222;
}

change "widh" line

[hieloiceberg]

in this case it will be the height right?

[Ginno]

that change only the #center_column .products_block height

[Tuan Vo]

I follow instructions but not

You can not be better?

[Ion_Cannon]

Take a look at the below, this is what you can change that size with, you have to adjust other margins/heights to make the block look right after doing it though. Takes a little tweeking to make it look like you want depending on your images and how tall you want the entire block.

#center_column div.products_block p.product_desc {
height:4.0em;
color: #595a5e;