[Resolved] GenerateBlocks: issue no more full-width

Home Forums Support GenerateBlocks: issue no more full-width

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1511828
    Felix

    Hello,

    when working within the Block-Editor, selecting GenerateBlocks-Container and trying to make it Full-width, it somehow does not work anymore. I checked the code, compared it to a few older posts of mine and noticed that the “align”:”full”-statement within <!– wp:generateblocks/container {“uniqueId”:”f92d0885″,”align”:”full”} –> is missing.

    Best regards

    #1511850
    Leo
    Staff
    Customer Support

    Hi there,

    Can you make sure the content container option is set to full?
    https://docs.generatepress.com/article/content-container/

    #1512538
    Felix

    No, it is set to Standard/Default – as it is supposed to be. I do not want the content/text to be full width, just some picture-grids (that I create with GenerateBlocks).

    It used to work fine, now it doesn’t, when creating a new post. I checked settings of old/existing posts: When I edit the grid in the above post/link and only change the Block-settings for the GenerateBlock-Container from Full width to contained width and back to Full width, it is NOT Full with anymore in the preview.

    For single picture-blocks it works fine, just when setting up grids with GenerateBlocks, the container does not stretch full-width (anymore), even though I select Full width in the Blocks-Layout-settings.

    Could you test for yourself and let me know, if you face the same issue. I have the latest versions installed. It s just weird.

    Cheers

    #1512633
    Leo
    Staff
    Customer Support

    The page you’ve linked isn’t using GB for the full-width pictures.

    It’s using the alignfull option from the image block which is a bit hacky and create horizontal scroll issues from time to time.

    The only way to create any full-width content using GB is to make sure the theme container is set to full width as explained here:
    https://docs.generatepress.com/article/content-container/#full-width

    Then to create narrow content, you just need to create a contained block from GB and specify the width:
    https://docs.generateblocks.com/article/container-overview/#standalone-block

    #1512680
    Felix

    Leo, I did as told, it does not work. Even though the preview in the block-editor looks fine, in the front-end it does not.

    By adding “align”:”full” manully in the code-editor to the wrapping containers manually, however, I can achive the result I am looking for.

    Please check for yourself on desktop, for the full-width grids only visible there.

    #1512718
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    It seems to be working fine in the first link you shared: https://www.screencast.com/t/wTQy7jbXhAWr

    The inner container is not full width, as it’s set to Contained.

    If you set the inner container to “Full width”, the gallery should occupy the full width of the outer container.

    Let us know πŸ™‚

    #1512754
    Felix

    Hi Tom,
    it does occupy the full width in the block-editor (s. image below), but not on my website.
    The code says “innerContainer”:”full”.
    This is odd.
    Any other ideas?
    Cheers

    #1512953
    Leo
    Staff
    Customer Support

    Check to see if you have a layout element created that’s setting the content width to 680px.
    https://docs.generatepress.com/article/layout-element-overview/#content-1

    Let me know πŸ™‚

    #1512978
    Felix

    Yes, Leo: the “Single Post Content Width”-Layout, which came with GP, sets the width to 680px.

    If I delete that layout, I have to go through all my existing posts and create narrow content? The way you describe here:

    “Then to create narrow content, you just need to create a contained block from GB and specify the width:
    https://docs.generateblocks.com/article/container-overview/#standalone-block&#8221;

    I really do not wanna “break” anything, nor do I wanna create unnecessary work for myself.

    What would you suggest, I do? I wonder, if I shall just use the alignfull option from the image block. Although your statement above worries me.

    is a bit hacky and create horizontal scroll issues from time to time.

    #1513001
    Leo
    Staff
    Customer Support

    You can add an exclusion rule in that layout to exclude that narrow container width from being applied to that post.

    But then yes, for that post, you would need to use the contained block method in GB.

    #1513043
    Felix

    Thanks a lot, Leo. Have a nice day!

    #1513638
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

    You as well!

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