SOLVED: Posts Element -> Alternate images -> Direction (Item): Vertical - doesn't work

Bugs
1

Browser: All
OS: macOS
URL: https://staging.victorgurov.com/portfolio/
Video: Jam

Hello,

The option to change the direction of posts in a “List” layout doesn’t work correctly when the “Alternate images” option is activated. Every second block doesn’t change its layout.

I suspect this issue is due to the “Alternate images” setting:
flex-direction: row-reverse !important;

As a result, the “flex-direction: row” doesn’t take effect.

I could solve the issue with css but it would be nice, if it would work out of the box.

2

Why set the direction Column value when working with a Row??

3

For mobile. I have configured it to display in a column layout at the Mobile Landscape breakpoint. However, it’s not possible to modify the ‘Alternate Images’ setting at any breakpoint.

1 Like
4

Hi Victor,
Thanks so much for your report!

Apparently this problem has crept in again:

We’ll take another look :slight_smile:

Add this to your mobile landscape breakpoint as a temporary solution:

%root% .bricks-layout-wrapper[data-layout=list].alternate li:nth-child(2n) .bricks-layout-inner {
  flex-direction: column!important;
}

Best regards,
timmse

5

Hi timmse,

thank you!

Best regards,

Victor

6

Hi Victor,
We’ve fixed this issue in Bricks 1.11.1, now available as a one-click update in your WordPress Dashboard.

Changelog: Bricks 1.11.1 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
timmse