Product Category Page Display

How can I make this page content
http://higbees.com/product-category/football/page/33/
display as nice as the "Related Products" display at the bottom of this page.
http://higbees.com/product/2007-leaf-certified-jerseyballauto-steve-smith-3950/

The product Category page seems sora sloppy and should be 4 items across. with perfect product alignment and spacing in between.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.content-bar .site-content ul.products li#product_item
{
width:20%;
}
.content-bar .site-content ul.products li:nth-child(3n+3) {
  margin-right: 2.1% !important;
}

Thanks & Regards
Pramod Patel