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

Switching to new container caused CLS to Post Loop

  • sascha
    March 25, 2023 at 10:39 pm

    Hi
    on this page I have added a query template from the pattern lib to show blog posts under the “Magazin” section. I have modified only a bit, then switched the container, which include the button, to the GB 1.7 flex, and suddenly I exerience a layout shift and also the zindex not working.
    Can you please help troubleshooting? Credentials below …
    Although I really like the new flex options, converting existing containers is quite often a pain …
    Thank you in advance and kind regards
    Sascha

  • David
    March 26, 2023 at 8:03 am

    Hi there,

    what is the z-index issue ?

  • sascha
    March 27, 2023 at 1:26 am

    Seems like the previous dev had added custom code, which caused the CLS. I have out-commented his code and now it looks fine.

    Now I need help to make all post containers same height, how can I achieve this?

    Check screenshot

  • David
    March 27, 2023 at 3:05 am

    1. edit the Query Loop template, and select its Post Template container block:
    1.1 Set the Layout > Display -> Flex
    1.2 Set the Layout > Flex Direction -> Column
    1.3 Set the Sizing > Height -> 100%

    2. inside the post template you have a Container block that has the title, date and excerpt. Select that:
    2.1 Set the Layout > Flex Child -> Flex Grow to 1
    2.2 Set the Layout > Justify Content -> Flex Start

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