Appreciate help with category page

Hi:

I just uploaded my new website, and I am having problem with my category webpage. I took out the left & right column, so that the products in the categories will show up from left margin of the page to the right margin of the page. The products in the category is placed flashed with the left margin, but it does not flush with the right margin. The size of the "Div" seem to be static and don't adjust to expand to be flushed with right margin.
No matter what I change in the category.tpl in the product folder, it does not make any difference to the appearance of the category page.

The other problem I have with the category page, is that there is a big gap before and after Name of the category. I tried to shrink the gap, with no apparent use.

Here is the link to the site:
http://www.papercuties.com/index.php?ro ... ry&path=59

I am including a image of the category page so it be more clear as to what I am talking about. Thank you for your help.

You commented out column left and right, now content width is col-sm-9 instead of col-sm-12.

Undo the changes made to category.tpl and remove all modules installed on layout Category and let the theme set the width.

Bootstrap sets margin-top: 20px; and margin-bottom: 10px; for H2.

Overide those setting by adding new definition to stylesheet.css: Besides that you've entered break in category description? Delete category description and white space below category header will decrease.

wow, you are good. I will make the changes right now. thank you for your help