Center content on full width page

Hello,

In Firebug, I took away the float: left property from the .grid CSS rule, then added a width: 80% to #content-woocommerce along with a left and right margin of auto. This centered the products/content within the #wrapper <div> although the space in the middle still exists, but you could play around with this CSS in your child-theme’s CSS file. So the modified CSS is:

#content-woocommerce {
margin: 40px auto 20px;
width: 80%;
}

grid {
margin-bottom: 2.12766%; /* Not sure if necessary, but doesn’t seem to make a difference if taken away. */
padding-top: 0; /* Same as above with this style. */
}

Let me know if this helps.

Andrew

Hi Andrew,

Thanks for your reply.

I am still getting the same big white space on the right hand side of the page.

I’ll just keep trying with Firebug as you suggested. I’m just getting really frustrated as nothing I try seems to work.

Cheers

This is a start:

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
	width: 95%;
	margin: 0 auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	padding: 0;
	width: 27%;
}

Also, the products are floated left – you may want to look at that.
Aligning ul and li is a known challenge. Perhaps this gives some insight:
https://stackoverflow.com/questions/1708054/center-ul-li-into-div

Thanks so much for your help, remark.no

I ended up finding this article: https://docs.woothemes.com/document/third-party-custom-theme-compatibility/

and taking the easy route of editing the theme’s page.php file (I’ll do a child theme later today).

It is now almost centered but the Add to Cart buttons are sitting under the text above.

I tried the following code after playing in Firebug but it hasn’t worked on the live site:

.woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products {
line-height: 0.05em
}

(original line-height was 1em)

Any ideas how to fix this (remark.no or anyone?) now that I have the products centered?

thanks so much for your help.

Fixed. I paid someone to do it for me. I’ll post result back here when I have a moment.