Single Product Page Width

[Rob]

Hi there

I’m using Elementor with GP Pro (all latest versions)

Wierd issue I can’t seem to fathom.

I have all my pages set as “contained”. With a background pattern on the body.

Every page seems to obey my settings, apart from the single product.

I have checked the settings for the Elementor sections, and they aren’t set as “Full Width” but Boxed. Yet the container seems to want to be full width, whilst everything that isn’t Elementor seems to be contained.

Ive created a GP Layout and told all Products to use default GP Layout (contained, not full width).

[Rob]

I should mention, the Single Product page, is using a Custom Layout with Elementor.

[Leo]

Hi there,

The code is showing that GP’s container is set to full width:
https://docs.generatepress.com/article/page-builder-container/

Is that correct? I believe what you want is actually contained?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rob]

I want it contained but can’t see where it’s set to full width. It’s not in GP options, element or settings. Unless I’m missing something. I have created a layout for it and that’s being ignored

[Leo]

David just informed that this problem is actually created by Elementor.

This CSS should provide a patch fix:

.single-product.full-width-content .container.grid-container {
    max-width: 1170px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Hi there,

just out of interest, in your Display Rules – there is a Location called Templates – can you test using that rule? I know it works with normal section and page templates could work with the Theme ones.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rob]

Hi there.

The Dispay Rules didnt work, the option is there for my template. Just doesnt do anything.

But the CSS did work, so thats great. Aslong as it works 🙂

[Leo]

Glad we could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts