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.

GeneratePress GenerateBlocks

Container Sizing

  • [email protected]
    May 6, 2024 at 6:13 am

    Hi guys, I’m having difficulty keeping the padding on sections with grids the same size. When I add new sections I’m not sure what’s the best way to keep everything aligned so it matches the design I’m working with. Should I be setting an layout element or just adding right/left spacing to each section?

  • Ying
    May 6, 2024 at 10:02 am

    hi there,

    Can you specify the issue you are having？

  • [email protected]
    May 6, 2024 at 11:43 pm

    Hi Ying,

    I’m having difficulty keeping the padding on sections with grids the same size. If you look at the 4th section that starts with ‘OD&BOSS WHERE BRANDS BECOME ICONIC’ I want the images and text in that container and the container below to be lined up and have the same padding on each side. I’ve added the same padding but they are not in line with one another.

    Thanks

  • Ying
    May 7, 2024 at 8:04 am

    For simple sections like this, I would not use Grid block, but a parent container with 2 child containers instead.

    The parent container will be set to display:flex, you can define a column-gap, and you can define the width for the child containers.

    Let me know if this is clear 🙂

  • [email protected]
    May 7, 2024 at 9:01 am

    Thanks Ying, can I ask why you would use a container with 2 child containers over a grid? Alos, how can I centre align the two containers vertically and horizontally like I would the grid ?

  • Ying
    May 7, 2024 at 12:47 pm

    can I ask why you would use a container with 2 child containers over a grid?

    Grid has more levels of HTML and CSS codes, it’s very handy for multi-row layout.

    However, your layout is just one row, the HTML and CSS of 1 flexbox container with 2 child containers is much lighter then a Grid block.

    Alos, how can I centre align the two containers vertically and horizontally like I would the grid ?

    You can use the flexbox alignment matrix to align the content inside.

  • [email protected]
    May 7, 2024 at 12:48 pm

    Perfect, thanks for that explanation Ying 🙂

  • [email protected]
    May 7, 2024 at 10:06 pm

    thanks for you your help here Ying. I’ve updated the sections but I’m still seeing extra padding on the right and the containers aren’t aligned with their padding. Can you pinpoint what I’m doing wrong?

  • Ying
    May 8, 2024 at 9:41 am

    Do you mean the “FROM BEHIND THE LENS” section?

    Not sure what you mean by extra paddings on the right, the paddings on the left and right look the same to me.

    Let me know!

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