Woocommerce product description full width?

Question

I'm trying to modify a wordpress site with the woocommerce plugin.

I've successfully removed the product image from the page, but I'd like to realign the text so that it's full width, not in a column down the right.

I've tried the following CSS, but didn't work:

.woocommerce div.product div.summary, .woocommerce #content div.product 
div.summary, .woocommerce-page div.product div.summary, .woocommerce-page 
#content div.product div.summary {
float: right;
width: auto;
margin-bottom: 2em;
}

Here is an example of the product page http://financetrainingacademy.com/product/writing-effective-financial-reports/

Thanks in advance

Answer 1

.woocommerce-page div.product div.summary {
    width: auto;
    float: none;
}

It's aligned to the right because of the float, either remove it from your code or overwrite it with a new declaration.

Answer 2

.woocommerce div.product div.summary, .woocommerce #content div.product 
div.summary, .woocommerce-page div.product div.summary, .woocommerce-page 
#content div.product div.summary {
        width: 66%;
        margin: 0 auto;
    }