Issue With Flex Order ELement

I’m having an issue with Flex Order not working in v1.5.6 & 1.5.7.

I set the order:

And nothing changes. No resulting change in the rendering in the editor:

The Image should now be on top:

Is this a bug or am I doing something wrong? It seems like it worked in version 1.5.5 as I remember.

Thanks

Hi there, order should be set on specific element not wrapper.

Thanks for your comment but I am not clear how it would apply here.

That would only work if there was more than one item inside the wrapper.

In this case, “Media” is inside the wrapper “Post Card”. “Media” is one of three elements.

The Flex order field does not appear on the only element inside “Media”, (being a single image element), because the image is the only element inside “Media”, not one of many to sort :).

Sorry if I overstated that but I am trying to be clear as to why a sort order would be perfectly valid in this case. If I select the “Media” element, the Flex Order field does present in the parameters UI.

The purpose in doing it this way is there is for accessibility reasons, only one clickable element to link to the full post inside the loop. We want to make the title be that link but we don’t want it on top of the image. We want the image to be on top of the text wrapper that hold both the title and the description.

1 Like

On your screen shot the element is set for display: block … Change it to flex and check if that helps.

Yay! Thank you Markus!

It had worked before and so I was curious what I was doing wrong.

You are appreciated :slight_smile:

1 Like