CMS collection blog layout

Ho to make my CMS collection blog layout look like these layouts

Thanks in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @nguyenngochung, without getting into custom CSS, the easiest way to get this layout is to break them down to several CMS collection elements. Do keep in mind Webflow only allows 20 Collection elements in 1 page.

For the Lifestyle News section, you might be able to get away with using only 2 Collection elements depending on the final layout you’re looking for.

hi, thanks for your help.
You mean i have to make a grid look like “Dont miss” section then add 2 CMS collection in that grid (same with “lifestyle”)?

Yes, so each of the boxes is 1 CMS collection. Just use filter/limit items to make sure there are no duplicates.

You can make Lifestyle to this too.

So there are no easy way to create these layout. But thanks for your help anyway!

As far as I know, no. You need to use custom CSS.

1 Like