SOLVED: Posts query > content alignment and "alternate images" issues

Bugs
1

Bricks Version: 1.5 RC2
Browser: Chrome latest
OS: macOS

  1. The alignment of posts query content doesn’t work correctly for “middle left/right”.

    The class

    .bricks-layout-item .content-wrapper.middle, .bricks-layout-item .overlay-wrapper.middle { justify-content: center; }

    as I think it should have align-self: center; to self-center the inner content in the wrapper.

    The option: “middle/center” works correctly.

  2. “Alternate images” option works correctly on desktop but is it supposed to show 50% of image + 50% content?

2

Hello @dev.zomerfeld

I’ve tested it with Bricks 1.5 RC2 and it looks fine when the layout is grid but not when the layout is a list. I’ve added this to our internal bug tracker to be fixed.
Meanwhile, you could add the following custom CSS to the element:

root .content-wrapper.middle.right {
    margin: auto 0;
}

Yes, something like this:

Screenshot 2022-08-09 at 13.05.57
Screenshot 2022-08-09 at 13.05.571142×877 76.9 KB

1 Like
3

Yes, thank You I’ve already fixed it by similar implementation but used flex there. :slight_smile:

Aww… I’ve forgot to mention that in the ‘alternate images’ I’ve meant mobile view.
That there is alternating that even image are on top but odd images side by side with text which doesn’t look good ootb. Ofc maybe that’s smth wrong with my implementation .

4

I could replicate this issue. We’ll provide a fix for it as well. With that fix you just have to set the “Direction” to “Vertical” like this to ensure images & content are stacked vertical when using the alternate image setting:

Screenshot 2022-08-18 at 08.21.53
Screenshot 2022-08-18 at 08.21.531920×611 47.4 KB

Always best to include a screenshot of the issue. That saves us time debugging & fixing it :wink:

1 Like
5

Great to hear that! Thanks for checking it out, sorry for the missing image. :slight_smile:

6

Hi @dev.zomerfeld ,
We’ve fixed this bug in Bricks 1.5.1 RC, which is now available as a manual download in your account.

Please let us know if you are still experiencing issues.

Best regards,
timmse

1 Like