Community forum for knowledge and support

Updated 3 months ago

Maintaining the original layout in a CMS list

At a glance

A community member, Rafa, is having trouble with the Portfolio 6 Component in a CMS list, specifically maintaining the original layout with images appearing in different sizes due to the inability to use different classes. Another community member suggests two options: 1) Create four separate collection lists, each limited to one item, and 2) Use custom CSS to target specific CMS items. The community members discuss these options, but there is no explicitly marked answer.

Useful resources

G'day guys!

I'm having trouble with the Portfolio 6 Component in a CMS list. The issue is maintaining the original layout with images appearing in different sizes due to the inability to use different classes. Any tips?

Cheers,
Rafa

K
R
P
3 comments

Hi ! Yeah this is a great question.

Option 1. Create x4 collection list and set each to limit 1 item. Then staring at 1, starting at 2, starting at 3, starting at 4 (this is the No code approach)

Option 2. Custom CSS to target specific cms items. I’m not too good at this but here’s an article and maybe can also share a pointer https://discourse.webflow.com/t/different-size-for-just-one-collection-item-inside-a-collection-list/233795/3

Thanks a lot ! Cheers!

Hi I have the same issue! What did you do in the end? Cheers

Add a reply
Sign up and join the conversation on Slack