0

I've installed Wordpress on my server and I'm attempting to implement the design I've mocked up in Figma. It's a pretty simple design but it employs different colored sections to break up the content of the page by topic.

I was hoping that I could add a block that is a "section" or "area" but I'm not seeing anything like that.

5
  • Are you using gutenberg? Try "group" as your block style.
    – rudtek
    Sep 13, 2022 at 4:00
  • @rudtek thanks! that's closer. Is there a way to make the group stretch without any margin to the edges of the viewport?
    – pixelfairy
    Sep 13, 2022 at 4:27
  • for context: nationalparksatoz.com
    – pixelfairy
    Sep 13, 2022 at 4:27
  • oh, my header got messed up... lol. I'll fix it. but look past the default bird if it's still there
    – pixelfairy
    Sep 13, 2022 at 4:28
  • added a full answer below
    – rudtek
    Sep 13, 2022 at 4:39

1 Answer 1

1

If you're using gutenberg choose a "group" block. You'll be able to set the background to any color you would like. If you want the group to span the width of the page you'll need to set the alignment to "full-width". When you hover over the block itself you'll get a toolbar pop up. Make sure you're on the "group" block! Then look for the alignment icon and choose full width.

If you're looking to put content into the group and want it contained, add whichever block you need into the Group.

4
  • I'm trying this now 🤞
    – pixelfairy
    Sep 13, 2022 at 4:40
  • wow. It's crazy (and disappointing) that wordpress put some of the settings on a pop-up and not with the "settings" in the side panel. Hopefully, they will fix that. Thank you!
    – pixelfairy
    Sep 13, 2022 at 4:45
  • Different plugins to put it to the side, but Gutenberg hasn't "pressed" that "issue." I'll walk myself out.
    – rudtek
    Sep 13, 2022 at 4:48
  • I have an "ink"ling of what you did there.
    – pixelfairy
    Sep 13, 2022 at 5:06

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.