I was able to get a border around the products using the same theme you are by doing the following.
Go to Merchandising > Custom Templates > Includes.
In the Publish Files section click the Copy ShopSite Publish.
From the list look for the file MU-Basics.css and click on it. Then in the new name field put MU-Basics.css1
(note the 1 at the end) and click the Copy button and the file will be copied and you are taken back a screen.
Now there should be a file in the list called MU-Basics.css1 select that and click Edit Publish.
Scroll to the very bottom of the file and add
- Code: Select all
border: 2px solid;
Then click the Save Changes button.
Now select the file name MU-Basics.css1 and click the Copy Publish button and give it the name MU-Basics.css.
The list will now contain both the version with the 1 at the end and the one with out now. The one without the 1 must have the same name as the ShopSite template that it was copied from so that it will be used instead of the ShopSite provided one.
Note that the above code has "2px" which will make a 2 pixel wide border, if you want a narrower one you could use 1px or if you want a wider one use a higher number. You must publish the store again to see the changes on your pages.