Archived topic
WooCommerce single page question
5 replies · Started by David on March 1, 2021
Hi All,
I am using the Beaver Builder Themer plugin to layout my Product Single Page for WooCommerce.
But I have been unsuccessful in making the page full width.
I saw a post that said to use Elements to layout the settings required, I have done that but it makes no difference.
I assume that as I am using Themer, I should turn off the WooCommerce Module ? Which I have done...
Any thoughts appreciated - link below to my development page example...
TIA, Dave
ps - the layout is just me playing to get a feel to how to use the tools before I move to the clients live site!
You have this CSS, so the content area is limited to 1200px.
https://www.screencast.com/t/1ioFV5jph
If you need this CSS, then use this CSS to override it for single product page, and also give the product content built by Beaver builder a full width:
body.single-product #content {
max-width: unset;
}
.fl-builder-content.product {
width: 100%;
}Let me know :)
Hi Ying, looks perfect - thanks so much!
Dave
I think I found where the CSS from, you could go to appearance > elements.
There should be a layout element which set content width to 1200px, you could exclude Product > All product in its display rule.
Then you won't need the first part of CSS I provided :)
OK, thanks for following up.
The Element I had was just for products, but I thought setting it to full width would overwrite the width pixels.
I removed the 1200 and that now also works..
Learn something every day :)
Regards, Dave
We both learned something :)
You are welcome!
