Column Grid - Product Listing

[TurtleDove]

I installed the Column Grid Mod for the Product Listing page. I made it so that it only shows the product's image, product's cost, and the product's name.

The product's image is shown, beneath that the cost, and then there's a huge gap (maybe 4-5 rows worth) between the price and the product name. Does anyone know how to get ride of this gap?

[stevesh]

We'd need a link to the site.

[TurtleDove]

Heres the link:

http://www.pawglamour.com/index.php?...=index&cPath=2

[jc8125]

when i view your site using firebug for firefox, this is the code for an item:

<img height="120" width="120" class="listingProductImage" title=" Blk/Brwn Blackberry Tartan " alt="Blk/Brwn Blackberry Tartan" src="images/blkbrwnblackberrytartan.png"/></a><br/>$4.00<br/><br/><a href="http://www.pawglamour.com/index.php?main_page=product_info&amp;cPath=2&amp;products_id=1&amp;zenid=fabb823416146c0f6e2b167ea87b46e6"/><br/><br/><br/><h3 class="itemTitle"><a href="http://www.pawglamour.com/index.php?main_page=product_info&amp;cPath=2&amp;products_id=1&amp;zenid=fabb823416146c0f6e2b167ea87b46e6">Blk/Brwn Blackberry Tartan</a></h3><div class="listingDescription"/></div>

notice the <br>'s (line breaks) after the price and before the h3 item title. these are causing the spacing. take a look in includes/modules/YOUR_TEMPLATE/product_listing.php.. you should see some extra <br /> in between the image and the price..

ps - if you haven't already, read up on firebug. it's an add-on for Mozilla Firefox that allows you to view and edit code on-the-fly.. great for tracking down things like this.

[TurtleDove]

Awesome, thanks. I'll take a look into firebug as well