Product listing page - spacing within each box

[cupcake]

I am working on this v1.3.0 site:

http://www.midnightskyfibers.com/ind...ain_page=index

and working out the little things.

My main issue today is finding a way to remove the extra space between the product's picture, its name, its price, and its "add to cart" button on these pages:

http://www.midnightskyfibers.com/ind...index&cPath=70

I looked through template pages and php pages and css definitions and all the places I could think of. It's probably an easy answer, so I came to the forums to look and see what I could find. After searching through all the threads I could possibly read for the day, I've decided I'm ready to start a new thread. I know it's probably answered on the forums somewhere, but MY EYES ARE BLEEDING after reading hundreds of threads.

Ok, so in the HTML that's output by the variety of files that create ZenCart, I find this chunk of code that is the reason for my headache:

<div class="centerBoxContentsProducts centeredContent back" style="width:180px"><a href="http://www.midnightskyfibers.com/index.php?main_page=product_info&amp;cPath=70&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224"><img src="bmz_cache/8/82dd422ea1fc6c912b4efbb0322d2f1f.image.118x120.gif" alt="Mariam Tea Merry" title=" Mariam Tea Merry " width="118" height="120" /></a><br><h3 class="itemTitle"><a href="http://www.midnightskyfibers.com/index.php?main_page=product_info&amp;cPath=70&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224">Mariam Tea Merry</a></h3><div class="listingDescription"></div><br>$18.70<br /><br /><a href="http://www.midnightskyfibers.com/index.php?main_page=index&amp;cPath=70&amp;sort=20a&amp;action=buy_now&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224"><img src="includes/templates/midnight/buttons/english/button_buy_now.gif" alt="Buy Now" title=" Buy Now " width="102" height="22" /></a><br /><br /></div>

So, I see a bunch of BREAK tags in the code that I can't find!

<div class="centerBoxContentsProducts centeredContent back" style="width:180px"><a href="http://www.midnightskyfibers.com/index.php?main_page=product_info&amp;cPath=70&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224"><img src="bmz_cache/8/82dd422ea1fc6c912b4efbb0322d2f1f.image.118x120.gif" alt="Mariam Tea Merry" title=" Mariam Tea Merry " width="118" height="120" /></a><br><h3 class="itemTitle"><a href="http://www.midnightskyfibers.com/index.php?main_page=product_info&amp;cPath=70&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224">Mariam Tea Merry</a></h3><div class="listingDescription"></div><br>$18.70<br /><br /><a href="http://www.midnightskyfibers.com/index.php?main_page=index&amp;cPath=70&amp;sort=20a&amp;action=buy_now&amp;products_id=188&amp;zenid=52234ca661ffc0662a117c7e5e7aa224"><img src="includes/templates/midnight/buttons/english/button_buy_now.gif" alt="Buy Now" title=" Buy Now " width="102" height="22" /></a><br /><br /></div>

Would anyone like to help me with this? Please, I'm begging...

[lemuria]

Is it in here?

/includes/modules/product_listing.php

(or /includes/modules/YOUR_TEMPLATE_NAME/product_listing.php)

[goodmorning]

I would also like to change this, I looked in product_listing.php as lemuria suggested, but did not see any breaks. Anyone know?

[ladysaat]

That is what I am trying to get rid of also. I looked at the files you listed above on my cart. I cannot tell what I might change to fix it. Maybe the 180px part? I don't know.

[kobra]

You might look at the settings in the admin > configuration > all listing for a start.

Most of these follow this convention:
0= off
1st digit Left or Right
2nd and 3rd digit Sort Order
4th digit number of breaks after

Where you probably are interested in the 4th digit or number of breaks after value and probably Display Product Name for breaks after.

You can also look at product listing and others for possible settings that will reduce the breaks/spacing.

I was not positive what page I was viewing the product listing page or the product info page as you have altered the css or obtained a css file that is not distributed with Zen Cart.

[ladysaat]

Thanks Kobra! I think that might have done it for mine.

[goodmorning]

Hi, thanks for the suggestion! It hasn't seemed to work for the site I am working on (modtomodern.com/shop)

I would like to remove the space between the product name and the product image, and even the break between price and "more info". Any suggestions? I tried changing some things in the css file but I wasn't able to fix it. Thanks!

[amyn]

You might look at the settings in the admin > configuration > all listing for a start.

Most of these follow this convention:
0= off
1st digit Left or Right
2nd and 3rd digit Sort Order
4th digit number of breaks after

Where you probably are interested in the 4th digit or number of breaks after value and probably Display Product Name for breaks after.

You can also look at product listing and others for possible settings that will reduce the breaks/spacing.

I was not positive what page I was viewing the product listing page or the product info page as you have altered the css or obtained a css file that is not distributed with Zen Cart.

I am also having problems with the extra <br> tags that I find the page renders, but I do have those tags in the page (product_listing.php) I have tried the above methods to fix it and it is still not working.

Here is a link to page I am having problems with.

I basically need the ADD TO CART BUTTON to align with the Price. Both of these items are in div tags, price floating left, button floating right, but they will not line up because of the extra <br> tag the page renders. Also, I am using the Column Layout Grid module, but I don't think that is causing an issue with this particular matter. When I take out that <br> tag in Firebug, everything lines up perfectly.