spacing out products in grid format

**AirsoftOutfitter** · 26 Apr 2011, 07:13 PM

I am trying to put more space between my products that are shown in grid format as they are too close together. Thus, giving my site a cluttered look. How can I do this, and if possible I would like to add a dashed line between, above and below products to break up the layout.

my site is: www.mercenarypb.com

Thanks in advance!

**picaflor-azul** · 26 Apr 2011, 10:21 PM

Check out the Free Software Add Ons for a mod called something like column divider pro.

Thanks,

Anne

**AirsoftOutfitter** · 26 Apr 2011, 11:08 PM

I would rather code it via CSS rather than use a mod. If anyone has CSS code recommendations let me know!

**kobra** · 27 Apr 2011, 08:57 AM

I would rather code it via CSS rather than use a mod

In the stylesheet add this at the bottom and adjust to suit - not perfect but may suffice

Code:

.categoryListBoxContents {
        border-top: 1px dashed #000000;
        margin-top: 4em ;
        }

**AirsoftOutfitter** · 29 Apr 2011, 09:52 PM

Originally Posted by kobra

In the stylesheet add this at the bottom and adjust to suit - not perfect but may suffice

Code:

.categoryListBoxContents {
        border-top: 1px dashed #000000;
        margin-top: 4em ;
        }

I have figured this out, but what i am having trouble with is the product titles stretching further than I want and looking cramped. The images appear to be spaced fine, but the product titles need improvement. Any way to force them to only be so wide before starting on a new line?

If you look at my home page you will see what I am talking about.