Streaming live at 10am (PST)

Alternating layouts layouts on cms collection lists

#1

If seen some other posts about this but I haven’t been able to get it to work.

I’m trying to reverse the layout on every other item in a CMS collection list.

I’ve entered

<style>
    .w-dyn-item:nth-child(even) .service-detail-row {
          flex-direction: row-reverse; 
      }
</style>

into the but it’s coming up as invalid and not showing up. What am I missing? Is there a better way to do this?


https://virtue-media-digital.webflow.io/services/inbound-marketing

https://preview.webflow.com/preview/virtue-media-digital?utm_source=virtue-media-digital&preview=871f1221b4246ab8ae673932b2302c16

#2

Hello @dadmacho

I made a small video for you to explain why this is happening:

Hope this helps.

1 Like
#3

@aaronocampo So the css lives in the Collection List Wrapper and selects my row directly.
Thank you so much!

1 Like