spacing out products in grid format

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: https://www.mercenarypb.com

Thanks in advance!

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

Thanks,

Anne

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

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

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

kobra:

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

.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.