Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

margin blog layout

  • I need to map the layout of the blog like on the page: https://theadminbar.com/blog/ . I have a small problem because the vertical and horizontal spacing is not equal and I can’t change it. It’s about equal spacing as on the example page above. Data for my page in a private message.

  • Hi there,

    This doc should help:
    https://docs.generateblocks.com/article/vertical-alignment-of-content-in-grid-container/

    Let me know if you need further assistance on this πŸ™‚

  • I learned something new. The problem I have is that when I set the margin of 20 px on the right and on the left, the spacing between my posts (top and bottom) becomes different (larger). How to keep the current layout and add 20px margins to the right and left (from the edge of the screen) and keep all the current layout?

  • The problem I have is that when I set the margin of 20 px on the right and on the left, the spacing between my posts (top and bottom) becomes different (larger).

    Not sure this is the case, I tried removing the left/right margin on your posts, the top/bottom spacing doesn’t change.
    Here’s what I see:https://app.screencast.com/5Wf3a371EcWuM

  • 123

    The entire page has a computer margin of 20px
    (left and right). In the archive of the blog, if I set such a margin, the space between the posts is different. I want to set it up like in the picture. I can’t because something always breaks down. It’s just the margins.

  • Hi Tomek,

    I’m not seeing the Grid of posts on the link you shared right now. Did you remove it?

  • I didn’t delete anything. Everything is the same, I updated the link in a private message, it directs directly to the blog

  • Hi there,

    try adding this CSS:

    .generate-columns-activated .site-content {
        padding-inline: 20px;
    }

    You may need to refresh the browser to ensure the masonry calcs update to compensate for that.

  • Thanks David. I’ll have to apply to Tom Usborne for a raise for you πŸ™‚

  • πŸ™‚ Glad to be of help

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.