Forums / Templates, Stylesheets, Page Layout / shrink row height in product listing

shrink row height in product listing

Locked

Started by joshuabaer23 on 9 Sep 2010, 9:48 PM · Views: 1,080

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
9 Sep 2010, 9:48 PM
#1
joshuabaer23 avatar

joshuabaer23

New Zenner

Join Date:
Aug 2010
Posts:
34
Plugin Contributions:
0

shrink row height in product listing

Does anyone know how to make the height of the individual row, within the product listings, any smaller?
I zeroed the padding, but still have far to much space for height.

http://erepaircenter.com/index.php?main_page=index&cPath=1_2_5

9 Sep 2010, 11:57 PM
#2
celtic avatar

celtic

Zen Follower

Join Date:
Feb 2010
Posts:
154
Plugin Contributions:
0

Re: shrink row height in product listing

joshuabaer23,

If you mean the grey grid in the middle of your page, then the boxes are padded out with lots of <br> tags which you will have to remove.

10 Sep 2010, 12:09 AM
#3
joshuabaer23 avatar

joshuabaer23

New Zenner

Join Date:
Aug 2010
Posts:
34
Plugin Contributions:
0

Re: shrink row height in product listing

Celtic:

joshuabaer23,

If you mean the grey grid in the middle of your page, then the boxes are padded out with lots of <br> tags which you will have to remove.

Yes, the gray box is what Im talking about.
Where can I start to track down the break tags you are referring to?
In the stylesheet of the template, I have a padding of 0. But I dont know where to start looking for the breaks your speaking of. I owe you one, if You help me here.

10 Sep 2010, 12:50 AM
#5
joshuabaer23 avatar

joshuabaer23

New Zenner

Join Date:
Aug 2010
Posts:
34
Plugin Contributions:
0

Re: shrink row height in product listing

gjh42:

http://www.zen-cart.com/forum/showthread.php?t=117938 post 39...

I attempted adding this to my template/mytemplate/stylesheet :
.listingDescription+br, .listingDescription+br+br, .listingDescription+br+br+br {display: none;}
I got nothing. Then I tried this:
.productListing-data-br, productListing-data-br-br, productListing-data-br-br-br {display: none;)
And that just messed things up, and put it back how it was.
So I went to product_listings.php, and fiddled with the <br class="clearBoth" />, without much luck. Do I remove the entire <br class="clearBoth" />, or just part of it. Dont I need this for IE (yuk)?

10 Sep 2010, 2:23 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,874
Plugin Contributions:
8

Re: shrink row height in product listing

The + in "a+b" means "the b that immediately follows a". A - is meaningless here.

Try .productListing-data br+br {display: none;}
(tested on your site).

Spelling in CSS must be exactly right or it will not work; ) is not }, and a classname must start with a . .

10 Sep 2010, 2:43 AM
#7
joshuabaer23 avatar

joshuabaer23

New Zenner

Join Date:
Aug 2010
Posts:
34
Plugin Contributions:
0

Re: shrink row height in product listing

gjh42:

The + in "a+b" means "the b that immediately follows a". A - is meaningless here.

Try .productListing-data br+br {display: none;}
(tested on your site).

Spelling in CSS must be exactly right or it will not work; ) is not }, and a classname must start with a . .
:shocking:
You, my friend, are gunna get a drink....maybe 5!
Thank you very much.