Style first, last, even, and odd items in Collection Lists
Now you can uniquely style first, last, even, and odd items in ecommerce and CMS-driven Collection Lists.
<p>Now you can uniquely style first, last, even, and odd items within a Collection List to give your content-driven designs a distinctive look.</p><p>You can set these styles from any Collection Item in a Collection List from the <a href="<https://university.webflow.com/lesson/states>">states dropdown</a>. Simply select from the options in the structure section and set unique styles for that pattern that will apply across your Collection List.</p><p>For example, say you want to give a list of teammates an alternating background color. Simply pick odd or even, set a unique background style, and boom: that’s it, you did it.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d2ef7XvXNwW4773TsTHTrRqYmL8uZ5o3ahMpB9LYdwz4mtjT3sWfpv9ecnyRbLyGbe2aCkIM7qSfI8NgdrRZV2v1HXKk8Wrc2tmfKttH0MFsDYFRYvcfTEGmsaUC2lkA5vMxdhrb.png>" alt="Grid layout of team page with alternating styles on all odd items."></div><figcaption>Style odd or even items in a Collection List to give them a unique alternating look</figcaption></figure><p>You can also use the first and last option to style common UI patterns like breadcrumb navigation, or a list of tags on a blog post.</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d2f0vkzYVg58crL3-9wXypzNmwapgROZp8MFYmuHzfCrsMNfymMspGe3R6O2JcWqdxtVsdfklanIH88nO4l9Amd8ugyZRwswVADePw97bXgEwKg12YOjDyHWC2HxQcHJxkJvaNrq.png>" alt="Blog post page with tags list whose first and last are styled with rounded edges."></div><figcaption>Give dynamic lists like tabs their own styles for first and last items. Look at those cute little rounded edges right?</figcaption></figure><p><br></p>
