Builder Basics: Building with Columns, Groups, Rows and Stacks

In this Online Workshop, we’ll explore how to design sophisticated layouts using Columns, Group, Row and Stack blocks. These blocks represent the fundamental building blocks of every WordPress website. You’ll learn the nuances of each block type and how to configure them correctly, with a special focus on new features in WordPress 6.1. Join us for an interactive presentation followed by a group Q&A.
---
View this video and others on WordPress.TV: wordpress.tv/2022/12/02/build...

[@jimmyfal]

This was fantastic, just the kind of demos I need to see!

[@lloqalla]

this is awesome I am 10 minutes in and have already learned a lot! you are stating what I have suspected about media/text block, too dumbed down!

[@dwainmcbain5263]

Insightful and well worth the time if you're getting started like me.

[@GrantAmbrose]

We need a keyboard shortcut for copying and pasting styles

[@antoniao7439]

Actually I found that you can just add a bottom (and top) margin around the buttons and that keeps them from bleeding to the bottom on mobile! No CSS required.

[@Bettermediaoptions]

Hi, thank you for creating this video.
Does it matter where we stick these lines of code in our style sheet for them to work on Wordpress? I tried this with the exact lines and the column would not reverse.

[@antoniao7439]

Would you also be able to add css to add padding on the mobile version of the media and text block?

[@GrantAmbrose]

Why does it add padding if you set a background color? I was experiencing that today and thought it was a bug

[@YurecNick]

and what to do if you need to use a theme, but because of the css introduced, the blocks on the site are not displayed correctly??

[@street2030]

my theme doesnt have as much dimensions and paading as yours for columns. Do i need to add a plugin? which plugin? thanks

[@Traderhood]

Hi, thanks for the video. I added some custom css in Customize and then typed class name into the row element in Templates section. Unfortunately then I clicked Apply globally button and the same class was applied to ALL elements. There is no undo button for this. How do I undo this global change?

[@WordPress]

There is not currently a revision history option for the Site Editor (slated for v6.3) so it may be easiest to edit the CSS to use a different class name, and then use that new class in your row element instead.

[@Traderhood]

@@WordPress Thanks for the response but my problem is that I want to remove the changes from all the elements it applied it to globally. I want them back plain. Is there a place in mysql db I can clear this?

[@WordPress]

That's hard to troubleshoot here. Please post in our support forums (wordpress.org/support/forums/), and the community members will help you out!

[@Traderhood]

@@WordPress thanks. I solved it for now by creating a child theme.

[@WordPress]

That works!