I’m sure something like this is possible - I just can’t figure out for the life of me using CMS Collections. Currently I’m using a multi-image collection to upload project images. I’d like to alternate between showing one full screen image and showing two side by side. The side by side view would…

For anyone else who needs to achieve the same thing I managed to do it by using CSS selectors to count the number of sibling elements. Then depending on the # of siblings I’d span cols differently /* one item */ div.image-grid:first-child:nth-last-child(1) { /* -or- li:only-child { */ grid-column:…

Alternating design for Collection List of Images?

Design help Layout & Design

abirana (Abi Rana | Creative Web Developer) July 5, 2022, 10:52am 6

Hi @bensilvertown, if your issue is solved can you please mark this post as solved as well? Would really appreciate it.

1 Like

Topic		Replies	Views
Alternating layouts in same collection list Layout & Design	7	3375	February 1, 2023
CMS Multi-Image Grid Layout Question CMS	13	6530	February 9, 2020
Uneven grid with CMS collection CMS	18	7425	September 8, 2023
CMS image layout Layout & Design	6	2039	July 16, 2022
Alternating CSS grid layout for CMS collection list records General	2	2250	June 24, 2020

Alternating design for Collection List of Images?

Related topics