How to get a Woocommerce single layout, fullwidth compatible?

Hi guys,

i need to create a Woo single layout (product page) with a Fullwidth canvas.
It seems the woo single is encapsulated inside something (like a template container) that add a big padding and box-shadow.

Issue that I don’t have with the “classic” single layout

How can I obtain a template similar to the classic “single layout” of theme pro, but for Woocommerce Single, to avoid this constraint of padding and box-shadow ?

thank you for help

Florian

[EDIT] here is my global theme settings in attachment, the site and content layout are already in “fullwidth” mode… is there anything i can do from that option panel ? I use “integrity” as the basic theme that i customise.



Hi Florian,

Thanks for reaching out.
As per the settings described in the attached screenshot, the width should be full. It seems that some of the padding or margin has been applied to the page.

I would suggest you check if any custom CSS code is the reason behind it. If that is not the case, I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

Hi @tristup, how are you ?

thanks for your reply.
i’m not sure about a CSS issue : because the layout is fully blank on my side (no settings inside container, row and columns) and i never specify anything about layouts “from scratch” on the CSS WP file too.

Here is two screenshots in attachement. to show you how it is display in the native “design” of PRO

Hi Florian,

I am fine, hope you are also doing well.
Although the screenshots are very detailed, it is very difficult to recognize the reason behind the padding through it. If possible please share your website URL along with the credentials for further assistance.

Thanks

Hi @tristup

ok, there is a secure note inside that message.

Hope you can find the solution :slight_smile:

Thank You

Florian

Hi Florian,

I have checked and found that you are using the Integrity stack which has 60px padding to the Entry Wrap* container. To get rid of it, you can use any other stack or you can add the following custom CSS code to the WooCommerce Single CSS.

[class*=woocommerce] .entry-wrap{
    padding:0px;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

Dear @tristup

First, thank to you for providing a solution to this issue. i can go ahead on the projet.

Please note that natively with the “integrity” stack, I have already customized a “single woo” couples of years ago for a demo, and this problem didn’t exist. so to me, it’s just an unexpected bug/reaction of the theme builder/stack.

And finally, be aware that I will be delighted to subscribe to the “One” service which will probably save me a lot of time. As you understand, i will be happy to subscribe ONE as soon as my MVP be ready to be launched, and generates profits.

I bought your solutions as my needs and understanding had evolved (Charts, PRO, CS standalone, super Looper,… - I’m impatiently waiting for CSAI :wink:

be sure that i am well aware about the differences between native support and custom development

Thanks again @tristup, have a nice day

Hi Florian,

I’m really glad to hear the solution helped you move forward with your project. And also it’s wonderful to hear you’re planning to subscribe to ONE once your MVP is ready.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.