full width block support Gutenberg

  • page has a few blocks: header image (full width works), then a text header, then paragraphs. After that a full width image is meant to display. Although the image block is set as full width, in desktop view it does not display the image full width but is limited it seems by the main contents width.
    Have tried many ways using CSS but am stuck / out of ideas. How to create a real full width image (or any other Gutenberg supported) block?

    unfortunately working on a staging site that isn’t live on the net.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author presscustomizr

    (@nikeo)

    Thanks for opening this topic.
    Can you share the code of your page or post in your next reply, so that I can test the exact same blocks as you do ? ( I’ll replace the images by mine )
    If you don’t know how to access the code in the new editor, it’s simple. You’ll need to click on the menu on the top right corner of the editing screen ( 3 vertical dots ) and select the code editor option, instead of the visual editor one.

    Thanks

    @d4z_c0nf any hint about this ?

    @nikeo,
    yes at the moment only the cover image wide/full-width is implemented.
    I think @tombob2006 is talking about an image block.

    Theme Author presscustomizr

    (@nikeo)

    @d4z_c0nf let’s open a new issue about this and implement the same way we did for the cover image.
    Any potential issue ?
    Are there any other core blocks supporting the full-width that we should be aware of ?

    @nikeo,
    I’ve reopened the old issues and will update there.

    Theme Author presscustomizr

    (@nikeo)

    OK perfect. @d4z_c0nf thanks
    @tombob2006 we are working on it. Thanks for bringing this up!

    Thread Starter tombob2006

    (@tombob2006)

    <!– wp:cover {“url”:”https://testsite.com/wp-content/uploads/Botswana/slider2.jpg&#8221;,”align”:”full”,”id”:111} –>
    <div class=”wp-block-cover has-background-dim alignfull” style=”background-image:url(https://testsite.com/wp-content/uploads/Botswana/slider2.jpg)”><p class=”wp-block-cover-text”>test title<br></p></div>
    <!– /wp:cover –>

    <!– wp:heading {“level”:3,”align”:”center”} –>
    <h3 style=”text-align:center”>heading</h3>
    <!– /wp:heading –>

    <!– wp:paragraph –>
    <p>just some text</p>
    <!– /wp:paragraph –>

    <!– wp:paragraph –>
    <p>for a new paragraph</p>
    <!– /wp:paragraph –>

    <!– wp:image {“id”:545,”align”:”full”} –>
    <figure class=”wp-block-image alignfull”></figure>
    <!– /wp:image –>

    <!– wp:paragraph –>
    <p><br></p>
    <!– /wp:paragraph –>

    Thread Starter tombob2006

    (@tombob2006)

    Thanks for looking into it ??

    > Are there any other core blocks supporting the full-width that we should be aware of ?

    A few days ago I did try to have a column block (with 2 columns in it), which I set to full width, which also appeared to be limited by the main contents width.

    Doing some rearch on it, the following page shows what eventually is meant to be full width capable: https://weblines.com.au/gutenberg-blocks-wide-alignment-full-width/

    Theme Author presscustomizr

    (@nikeo)

    OK. Thanks for this feedback and also for sharing this online resource.
    We’re on it !

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘full width block support Gutenberg’ is closed to new replies.