Column Grid Module - Remove Space Between Price and Title

Hi everyone!

I'm using zencart since 2011, and I've installed quite a few modules, and since building that website isn't my main occupation I just cannot figure out how to remove that space between price and title.

Right now the product listing page is

**picture
price

title**

and I'd like to have

picture
price
title

The worst part is I'm almost sure I had it figured out at some point but a module might have changed everything.

I'd love to show you my webshop, but I'm not sure I'm allowed since we're not supposed to post links to "commercial services"...
so I'm going to go ahead and try to share what I've done.

I found this in my stylesheet, and I believe I did add this at some point :

#productListing br {
line-height:0
}

And I tried to change the code of the product_listing.php (read this on another thread)
from

 if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
      $lc_text = implode('<br />', $product_contents);

to

 if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
      $lc_text = implode($product_contents);

Also right now the product listing layout is
Display Product Image 1
Display Product Manufacturer Name 0
Display Product Model 0
Display Product Name 1
Display Product Price/Add to Cart 1
Display Product Quantity 0
Display Product Weight 0
Display Product Price/Add to Cart Column Width 125
Display Category/Manufacturer Filter (0=off; 1=on) 0
Prev/Next Split Page Navigation (1-top, 2-bottom, 3-both) 2
Display Product Listing Default Sort Order
Display Product Add to Cart Button (0=off; 1=on; 2=on with Qty Box per Product) 0
Display Multiple Products Qty Box Status and Set Button Location 0
Display Product Description 0
Product Listing Ascending Sort Order +
Product Listing - Layout Style columns
Product Listing Descending Sort Order -
Product Listing - Columns Per Row 4
Include Product Listing Alpha Sorter Dropdown false
Include Product Listing Sub Categories Image false
Include Product Listing Top Categories Image false
Show SubCategories on Main Page while navigating 1
Display Product Image

If you need to see my entire code, maybe I can send you a link via pm? or just copy paste what you need?

Thanks in advance!
Stéphanie

Go ahead and show us your site. The ban on 'commercial services' refers to paid Zencart mods and services.

good! I wasn't sure :)

http://www.petitplat.fr/shop/index.php?main_page=index&cPath=70

I'm not seeing any extra spacing (in Firefox). Apparently setting the <br /> to 0 height works. (The breaks are not being removed in the code as you described earlier.) What browser(s) are you seeing the issue in?

oh indeed, but on Chrome it shows the space. and on Safari as well.

I'm sorry I forgot to check that first.
Any chance on changing that?

It's there in IE8. Web Developer shows three <br />s between the price and the item title. You might use the Developers Tool Kit to search for <br /><br /><br />.

Change #productListing br { line-height:0 } to ```
#productListing br+br {
display: none;
}

I searched and found:

/home/petitpla/public_html/shop/includes/languages/french/header.php

Line #25 : define('HEADER_SALES_TEXT', '<br /><br /><br /><br />'); 
 
/home/petitpla/public_html/shop/includes/languages/german/gv_send.php

Line #23 : define('MAIN_MESSAGE','<br />Sie haben sich entschieden, einen ' . TEXT_GV_NAME . ' im Wert von <strong>%s</strong><br />an <strong>%s</strong>, mit der E-Mail Adresse <strong>%s</strong>, zu versenden.<br /><br /><br />Der Inhalt Ihrer Nachricht lautet:<br />'); 
 
/home/petitpla/public_html/shop/m$32je01sd/ezpages.php

Line #640 : $contents[] = array('align' => 'left', 'text' => '<br /><a href="' . zen_href_link(FILENAME_EZPAGES_ADMIN, 'page=' . $_GET['page'] . '&ezID=' . $ezInfo->pages_id . '&action=new') . '">' . zen_image_button('button_edit.gif', IMAGE_EDIT) . '</a> <a href="' . zen_href_link(FILENAME_EZPAGES_ADMIN, 'page=' . $_GET['page'] . '&ezID=' . $ezInfo->pages_id . '&action=delete') . '">' . zen_image_button('button_delete.gif', IMAGE_DELETE) . '</a><br /><br /><br />'); 
 
/home/petitpla/public_html/shop/m$32je01sd/includes/application_top.php

Line #110 : echo '<br /><br /><br /><br />['.$zc_pagepath.']   «»   [' .$zc_adminpage.']<br />'; 
 
/home/petitpla/public_html/shop/m$32je01sd/includes/modules/newsletters/product_notification.php

Line #93 : ' <td align="center" class="main"> <br />' . $global_button . '<br /><br /><br /><input type="button" value="' . BUTTON_SELECT . '" style="width: 8em;" onClick="mover(\'remove\');"><br /><br /><input type="button" value="' . BUTTON_UNSELECT . '" style="width: 8em;" onClick="mover(\'add\');"><br /><br /><br /><input type="submit" value="' . BUTTON_SUBMIT . '" style="width: 8em;"><br /><br />' . $cancel_button . '</td>' . "\n" . 

and just changed to non, but it doesn't change anything :/

But if it's too complicated I can live with it, I know adapting a code to different browsers can be a real pain...

ah sorry, didn't changed it right. going to do it again.

yaaaay!
it worked!

thank you so much :)