Archived topic

woocommerce shop page container width

7 replies · Started by Andres on November 9, 2018

Viewing posts 1–8 of 8

November 9, 2018 at 12:08 pm #723247

Hi guys!

I was searching on the forum but I did not found the right way.

I want to change the shop page container width.

This is the code I have, but this apply for all the site, and I want only the shop page.

.woocommerce .grid-container {
      max-width: 1350px;
}

I tried with page id but didnt work. Which is the right code?

Thanks!

November 9, 2018 at 2:09 pm #723317

Hi there,

try this CSS:

.post-type-archive-product .site-content {
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}

November 9, 2018 at 2:16 pm #723320

Thanks for your answer David, but it didn't any change. Still the same width.

November 9, 2018 at 2:17 pm #723322

Can you link me to the actual shop page?

November 9, 2018 at 2:27 pm #723326

Thanks David!

November 9, 2018 at 2:48 pm #723330

OK, so try this:

.post-type-archive-product .grid-container {
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}

The container may expand but you will probably find there is just more white space around the products.

November 9, 2018 at 2:59 pm #723333

Perfect! Thank you very much David!

November 9, 2018 at 3:07 pm #723340

You're welcome. glad we got there :)

This archived topic is closed to new replies.