[Resolved] WooCommerce single page question

Home Forums Support [Resolved] WooCommerce single page question

Home Forums Support WooCommerce single page question

  • This topic has 5 replies, 2 voices, and was last updated 3 years ago by Ying.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1678056
    David

    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!

    #1678091
    Ying
    Staff
    Customer Support

    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 πŸ™‚

    #1678117
    David

    Hi Ying, looks perfect – thanks so much!
    Dave

    #1678171
    Ying
    Staff
    Customer Support

    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 πŸ™‚

    #1678220
    David

    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

    #1679427
    Ying
    Staff
    Customer Support

    We both learned something πŸ™‚

    You are welcome!

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