Please take a look at this page:
hidden link
We have set up a 2 column grid view on this page. The left column is larger than the right column, but the background of the right column is matching the height of the left column. Is there any way to stop that to end the background color of the right column just under the E-mail field in that column?
Hi,
Thank you for contacting us and I'd be happy to assist.
From the page's code, I understand that the grey background color is currently applied to the "Grid Cell" block for the right column.
To make the colored background cover only the content-filled area of the column, you can remove the background from that "Grid Cell" block and add a new "Container" block inside this "Grid Cell" block.
Next, you can move/nest all the other inner blocks of this column inside this container block and then apply the background color to the container block instead.
I hope this helps and please let me know if you need any further assistance with this.
regards,
Waqar
Sounds logical. I added a Container block, but now I can't move all the blocks I have set up in the 2nd column into the container block. Do I have to rebuild all of them within the container block and delete the previous ones or am I missing how to just drag them into the container block?
Thanks for writing back.
You don't have to delete and add the blocks again and you can drag the existing blocks, using the list view.
Here is a useful tutorial video, on the topic:
hidden link
Thanks for that. I had never seen the list view before. I just never clicked on that button to use that. However, I still cannot move my existing blocks into the new container block. I can only move them above or below the container block as far as I can tell. Perhaps I'm still missing something. If I have to rebuild all these blocks within the container, then I can do so. I was just hoping there was an easier way because I have 18 blocks in that column that need to be moved within the container.
The drag-and-drop feature of the blocks is something that is part of the WordPress new Gutenberg editor. This is not something specific to Toolset plugins.
I'll recommend checking more tutorials and videos online, to get a better familiarity with the Gutenberg editor interface, for maximum efficiency:
hidden link
hidden link
hidden link
Unfortunately, there is no other workaround available except for this drag & drop feature. If for some reason, you're not able to make this work, you can always rebuild those inner blocks.
Perfect! The first video told me that it doesn't like letting you move block into another block that is empty for whatever reason. So I just created a dummy custom HTML block in there for the first block and then it let me move the other blocks into the container. It's working exactly as I wanted it now. Thanks a bunch.
My issue is resolved now. Thank you!
