I have a CMS alternating layout for my blog collection page. I want to to display as follows:
Text > Image
Image > Text
Text > Image
Image > Text
(see attached)
But I can not get the custom code David mentioned or the one Ethan mentioned to work.
Hey guys, I’ve been working on this myself the last few days with help of a front-end developer friend. This won’t work properly on all breakpoints. In my project it removes the image in the collection list.
A little context: I use this layout for a portfolio “projects overview” page.
This fix isnt entirely foolproof, because it doesn’t properly apply margins at the right side of the even-numbered collection list items. I didn’t add right-margin for the collection item. Because it’s not necessary for left-aligned items (I have an image at the left and project details/text at the right). Also, I don’t want to add unnecessary margins to all items, you know. Going to work on that a little more!