[SOLVED] Featured Products

[Guest]

We feature a lot of products on our home page however there is a large gap between each product, i have attached a print screen that shows the large spaces, is there anything i can do to remove this as i think it is difficult to understand what "buy it now" button goes to each product.

Thanks in advance.

[rocky]

Edit the following block in the /* Styles for products blocks */ section of your global.css:

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

Reduce the height from 9em to a lower number.

[Guest]

Thank you for the support, it worked great!

One more question though as it is still a little unclear to understand which product goes to which button, would it be possible to put a line under each row so that it is more clear?

Thanks in advance.

[rocky]

There already is a line, but it is white, so it is hard to see. You can change the line to black by changing the following block on line 972 of global.css (in the /* Special style for block products in center column */ section):

#center_column .products_block ul li {
   float: left;
   background-color: #d0d3d8;
   margin-top: 0;
   padding: 0 0 1px;
   width: 133px;
   border-right: 1px solid white;
   border-bottom: 1px solid white
}

Change white to #000 for border-right and border-bottom.

[Guest]

Thank you very much for that, it works perfectly now

[rocky]

If your issue is resolved, please edit your first post and add [sOLVED] to the front of the title.

[Guest]

Done. Thanks

[nuchie1]

How do you get the bottoms to line up?
These are all out of wack.
http://www.catholicgiftsinc.com/category.php?id_category=2