[Resolved] gutenberg columns block alignment

[Melissa]

I know I’m sending you guys too many questions. Thanks for your patience!

I’m playing with doing my frontpage with Gutenberg blocks and I’m running into an issue with aligning the columns block in the center. You can see this in the grey stripe “We’re In/Heading To” section and the map and map menu section. I used css to limit the width to the usual container size, but this seems to also push the columns to the left. Floating the columns block to the center with css doesn’t work. Help?

https://theslowroad.org/sample-page/

[Leo]

Hi there,

Are you using any caching plugins? Any chance you can clear and disable it for now so I can inspect the code properly?

p.s. I’m from Taiwan originally. Have fun there!

[Melissa]

Thanks! Everyone tells us that people in Taiwan are welcoming and the food is great!

I don’t think there’s any caching going on.

[Leo]

Just to confirm, you didn’t add any of the CSS here?
https://www.screencast.com/t/7CVaPzSsZ6

[Melissa]

No, it’s not mine.

[Leo]

Edit this CSS:

.location {
    max-width: 1000px;
}

to this:

.location {
    max-width: 1000px;
    margin: auto;
}

[Melissa]

Perfect–thank you!

[Leo]

No problem 🙂

[Author]

Posts