Woocommerce Layout and product description improvement for Unite theme

I’m looking to have the layout for my woocomerce product look very differently on my website. Here is the website for you to take a look at with a few products: http://auntjill.com/product/aj-flat-bottle-with-label/

The layout I’m looking to have is border around my product and making the product description look more elegant sleek. I have attach a image from a website called Ecoraider.com for you to take a look at so you can get a better understanding of what we are looking for. I have also attach another image of our product page from auntjill.com as well. If there is a plugin that we could download just to simply take care of this problem please let us know.

Add this to Appearance >> Theme Options >> Other >> Custom CSS.

.woocommerce #secondary {
  display: none;
.woocommerce #primary {
  width: 100%;

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0;
  padding-left: 5px;

.woocommerce div.product .woocommerce-tabs .panel {
  border: 1px solid #ccc;
  border-top: none;
  padding: 0 20px;
  border-radius: 0;

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;

This code make sure to remove sidebar for WooCommerce pages and make content full width but only for WooCommerce and not other pages. Also it will create a border around product description and make the top tabs to align properly with the product description box.

Let me know if this is what you were looking for.