Updating from 1.8.2 to 1.8.4 removed the CSS applied shown in this screenshot. I had to revert to 1.8.2 in order to get it back.

https://prnt.sc/7Sv15vijUBmr

• This topic was modified 1 year, 2 months ago by Kevin Pirnie.

Hoping to re-open Zim’s request from a couple years ago with the same Topic Title. I would find a background color control on this block very useful. I tried enabling it with theme.json …

"settings": {
    "blocks": {
        "jetpack/layout-grid":{
            "color": {
                "background":true
            }
        }
    }

… but that doesn’t seem to work.

Thanks!

Getting the following error when placing this block in a widget area.
“This block has encountered an error and cannot be previewed.”

TypeError: Cannot read properties of null (reading ‘__experimentalSetPreviewDeviceType’)

Any chance this will be supported in a widget area?

I can’t seem to be able to find the change alignement tool on my layout grid, how can that be?

it would be nice to be able to change background color in Layout Grid Block

When registering any block style for this block, the editor breaks because the automatically-applied style class is merged with the block class.

Style registration example:

register_block_style(
	'jetpack/layout-grid',
	array(
		'name' => 'mobile-reversed',
		'label' => 'Reversed column order on mobile'
	)
);

Once you choose a block style in the editor, the block formatting breaks, and choosing the default style does not fix the issue because an “is-default-style” class is added. In the case of the above custom style, the classname on the block becomes:

wp-block-jetpack-layout-gridis-style-mobile-reversed

And when choosing the default style:

wp-block-jetpack-layout-gridis-style-default

front.css includes hyphens: auto and I can’t seem to override this. front.css is loaded after my stylesheet but using !important doesn’t help.

.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column {
	word-break: normal !important;
    word-wrap: normal !important;
	-webkit-hyphens: none !important;
        -ms-hyphens: none !important;
	hyphens: none !important;
}

The only thing that worked was editing front.css but this is obviously not a good solution. How to override in my stylesheet?

Currently the block has only the alignfull setting. Would it be possible to add the alignwide as well?

Hi,

Thanks for your great plugin.
I was wondering how could it be possible to move the order of columns depending on the device used. It could be useful when the content is displayed in Z-pattern (‘Image/Text – Text/Image’) to display it on mobile like ‘Image/Texte – Image/Text’.
Adding CSS classes to columns would do the trick but not not easy for content editors with limited coding knowledge.

What do you think?

• This topic was modified 4 years ago by Obje.

Can this plugin help to create same grid style on all pages of WordPress? I want to show it on my new circular saw website

Which is maximum columns amount could be created in your layout builder ?

Hi, I’m building a WordPress Blocks Reference at blocks.wp-a2z.org.
I found this plugin and catalogued the two blocks.

I’m curious to know why the blocks have a prefix of jetpack.
Is this plugin intended to be merged into Jetpack at some time in the future?

Do you have GitHub repo for this plugin?

See https://blocks.wp-a2z.org/oik-plugins/layout-grid/