Help changing product view to 4 columns instead of 3

Hello jpcreek! Thank you for downloading our profile.

To change amount of items to 4 in those views follow this steps:
- On page that contains "Popular Categories" block (by default it's main page) move mouse over that block and in top right corner select "Edit View".
- On opened page in "Fields" section click on "Global: View".
- In opened configuration window in "View Settings" section click on "Edit "Products by filter (block)" view" link.
- On opened configuration page find section called "Pager" and click on "3 items" link.
- In opened window change value of the "Items to display" to 4 and click "Apply" button.
- Save this view by clicking "Save" button.
By doing this you can see that now in your "Popular Categories" section displaying 4 items.

To fit them in one row follow this steps:
- Go to your site's main directory and follow this route: "profiles/commerce_profile/themes/commerce_theme/css" and open "global.styles.css" in your favorite text editor.
- In that file find this lines (by default it starts on 811 line):

#main-content .view-products-for-homepage .view-content .views-row,
#main-content .view-products-for-homepage .view-content .tags-page-row,
#main-content .view-products-for-homepage .view-content .product-category-page-row,
.view-product-category .view-content .views-row,
.view-product-category .view-content .tags-page-row,
.view-product-category .view-content .product-category-page-row {
  text-align: center;
  width: 29%;
  margin: 0 8px 41px;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

- Change "width" property to 20.6% and save the file.
- Go on your site and clear all caches.
By doing this steps you should see all 4 items fitted in one row.
You may try other values for "width" property to better fit your design, but be careful, it might cause some troubles on resize browser window to smaller width, value of 20.6% will work for all browser window sizes.