Replies: 0
I’m trying to place content in blocks contained in a 3-column layout, but the content does not display correctly and I don’t know if this is a bug in Gutenberg or if I’m doing something wrong.
This first image shows the problem I’m having. I have placed shortcode in a text block within my 3-column layout. In this next image showing the markup produced by the block editor, you can see that the ul has a class of columns-4 which it has picked up from the parent div. This is causing my content to be very small as shown in the first image. If I change the markup manually using the developers tool in chrome I can set the ul to columns-1 and it displays as expected.
I don’t know why the ul is picking up the class of its parent, but it’s causing my content to take only 1/3 of the space it should. I have tried specifying a 33% width of the block, but that only applies to the column not the block.
I can’t for the life of me figure out what I’m doing wrong, or if this is a problem with Gutenberg or Woocommerce or my theme Storefront. Any help would be greatly appreciated.