Forums / Templates, Stylesheets, Page Layout / Adding a line break on product listing page...

Adding a line break on product listing page...

Locked

Started by brucegust on 1 May 2008, 2:22 PM · Views: 1,631

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
1 May 2008, 2:22 PM
#1
brucegust avatar

brucegust

New Zenner

Join Date:
Apr 2008
Posts:
32
Plugin Contributions:
0

Adding a line break on product listing page...

I've spent six hours looking through code that I don't completely understand and so now I default to the ninjas...

Head out to http://echoframe.com/Cart/index.php?main_page=index&cPath=26

I want to put a line break between each entry so the images don't overlap one another and I want to place a small space between the image and the description; either a  <BR> or a spacer.gif.

I've searched the forum for what I'm looking for as far as customizing the product_listing.php page, but I'm not even sure that's the right page to be looking at.

In any case, I'm needing some help and I appreciate anyone's input.

1 May 2008, 2:53 PM
#2
sanguisdesign avatar

sanguisdesign

Inactive

Join Date:
May 2005
Location:
Western MA, USA
Posts:
588
Plugin Contributions:
1

Re: Adding a line break on product listing page...

Ok here it goes.
The Long answer
You are thinking old school. Please go out and read Jeffry Zeldman's, Designing with Web Standards. http://www.zeldman.com/dwws/
It will change your web life.
The Short Answer
You get this because I hate being just referred to documentation when I ask a question. how ever I do read that documentation.
In YOUR CUSTOM TEMPLATE DIRECTORY/css/ you want to create a new file called YOUR CUSTOM TEMPLATE DIRECTORY.css and add

.productListing-odd, productListing-even {
 margin-bottom: 1ex;
}

that should sort you out

JOsh Beauregard
Sanguis Development