Sidebar Removal (Astrid) on shop pages

Please Help!
I cannot figure out how to remove the sidebar on my shop page & subpages.
-I have tried this css with simple custom css but it did not work:

.page .content-area {
width: 100%;
}
.page .widget-area {
display: none;

-the pages are set at “full width” template on the specific page
-Set to “full width (no sidebar)” under blog options
-I am using woocommerce

Thanks!

This might help: http://docs.athemes.com/article/67-fullwidth-woocommerce-pages