Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

Putting WooCommerce Shop into a Block Container

  • urshr
    January 2, 2026 at 8:51 am

    Hi,
    I have a problem with the width of my WooCommerce Shop page.
    I have all my pages setup so that all content is within a container set to a defined width/padding.
    However, on my WooCommerce Shop page, there doesn’t seem to be a way to put the products into a container, and so they are spanning the entire width of my site (1440px).
    I have tried experimenting with hook elements (but don’t really know what I am doing with Php script), so no success there!
    Would you perhaps have a solution for me that doesn’t involve changing global GeneratePress layout settings?
    Thank you!
    PS: I use a GeneratePress Child Theme.
    PSS: I’ve put login details in the private information section

    Thank you!

  • Ying
    January 2, 2026 at 9:16 am

    You have a layout element called Default Page Layout which sets content container to full width.

    Can you edit the element and add product archive to display rules > exclude?

  • urshr
    January 8, 2026 at 6:43 am

    Hi Ying, thanks for that. I have actually gone ahead and created a new Layout element for these Shop/Product pages, and applied it. It’s better than before as I’ve constrained the width of the content. However, I still need to apply padding. Have you perhaps got any ideas on how to achieve this?
    Thank you!

  • Ying
    January 8, 2026 at 8:34 am

    However, I still need to apply padding. Have you perhaps got any ideas on how to achieve this?

    Can you try the exclusion solution I suggested?

  • urshr
    January 9, 2026 at 3:17 am

    Hi Ying, I originally tried the exclusion solution, but I ended up with a white area on left and right, beyond my set width of 1440px (ie. a white background beyond the page width). This wasn’t the case with creating a new Element specifically for those pages.
    However, following your advise, I’ve gone ahead and put in place the exclusion solution. You’ll see the white background left and right I’m talking about.

    Regarding the padding: I have managed to implement two bits of CSS that add padding to these Woocommerce Shop and Product page containers specifically. So I’m really happy about this, as it’s almost working perfectly!

    Could you please direct me to where I might change the outer background colour (from white to beige)?
    Thank you for the continued support!
    Ursula

  • George
    January 9, 2026 at 5:34 am

    Please, go to Appearance->Colors and expand the Body area. For some reason, the neutral-light global color had not been applied even if it seems selected. Please, select a different global color as the Background color, then reselect the one you had before and Publish. It should fix the issue.

  • urshr
    January 9, 2026 at 10:23 am

    Thank you George, that’s solved it!

  • George
    January 9, 2026 at 10:45 am

    Excellent, no problem!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.