kwatts22

or you can change it to 100%

hey yours is actually located in wp-content/themes/made/custom.css on line 410 where .main-content-left change width: 650px; to width 90%;

There was an update to the woocommerce plugin since I posted this tutorial but if you send me the link to your site I will be happy to take a look.

I am using it to create theme options. You can put it in a child theme to save them from getting destroyed during a update.

You can change the margin-left and the width to suite your needs.

here is a workaround because your using the twenty eleven theme which don’t have a full width temple without the sidebar.

Create a file in wp-content/theme/twentyeleven and name it woocommerce.php

add this to it

<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */

get_header(); ?>

		<div id="primary">
			<div id="content-fullwidth" role="main">

			<?php woocommerce_content(); ?>

			</div><!-- #content -->
		</div><!-- #primary -->

<?php get_footer(); ?>

then in your style sheet located in the same folder add on line 94

#content-fullwidth{
    margin-left: 20px;
	width: 90%;
}

The new page template for woocomerce will now use a container-fullwidth which will take the whole page instead of only half and will only work on the woocommerce pages.

That will leave room for the other pages that still use the sidebar

I got a answe for you edit your style.css located in wp-content/themes/twentyeleven

on line 90 you will see the following

#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}

change that to this

#content {
        margin: 0 auto;
        width: 90%
}

Hi Evan,

I am looking at the site right now.

hi evanspj post a link to your website

I looked at your site. It is calling for the wordpress sidebar. Goto Pages Shop and on the right set the template ti full width or no sidebar and click update. You may have to hold ctrl and press F5 for your page to refresh the new changes and not display the old cache version

If you forget to make backups of your files just download woocommerce again extract it and then take the files out.

As long as your running the newest version of woocommerce it will work. Also keep a backup of your original file before you edit them just in case so that you can restore it back if something goes wrong.Make sure you do the edit in your themes stylesheet or it will only show the main content for half the page. If you need any help let me know.

Here is how to remove the sidebar.

go to wp-content/plugins/woocommerce

in file single-product.php remove the following code

<?php
		/**
		 * woocommerce_sidebar hook
		 *
		 * @hooked woocommerce_get_sidebar - 10
		 */
		do_action('woocommerce_sidebar');
	?>

next edit the file archive-product.php and remove the following code

<?php
		/**
		 * woocommerce_sidebar hook
		 *
		 * @hooked woocommerce_get_sidebar - 10
		 */
		do_action('woocommerce_sidebar');
	?>

next we have to edit the style.css in your theme folder
find
#content-woocomerece
add the following before the } tag on the last line
width:100%;

NOTE: You can not add the /* */ to the line it will not comment it out.

Here is how to remove the sidebar.

go to wp-content/plugins/woocommerce

in file single-product.php remove the following code

<?php
		/**
		 * woocommerce_sidebar hook
		 *
		 * @hooked woocommerce_get_sidebar - 10
		 */
		do_action('woocommerce_sidebar');
	?>

next edit the file archive-product.php and remove the following code

<?php
		/**
		 * woocommerce_sidebar hook
		 *
		 * @hooked woocommerce_get_sidebar - 10
		 */
		do_action('woocommerce_sidebar');
	?>

next we have to edit the style.css in your theme folder
find
#content-woocomerece
add the following before the } tag on the last line
width:100%;

NOTE: You can not add the /* */ to the line it will not comment it out.