How to separate Featured Blog post from Regular Blog post

Design help CMS
1

Hi there,

Trying to learn how can I separate Featured Blog posts from Regular Blog posts on the main page.

I would like to set up the Featured Blog post with a light background color or even a different type color so people can understand what is featured and what’s not.

I have the field Featured (Switch) option on the CMS collection however I am not having a visual difference on the page.

I will appreciate any thoughts.

Using this template: http://moon-template.webflow.io/

Here is my public share link: LINK
(how to access public share link)

1 Like
2

Ok, that’s quite easy. You’re going to filter lists. For example I do exactly this on the home of my blog http://inb4.webflow.com where the first big cell is showing the last featured post.

So you’ll need at least 2 Dynamic lists. One showing the Featured posts, one for the non featured one.

Set the featured list on top, and filter it like this:

http://vincent.polenordstudio.fr/snap/8hcx7.jpg

Additionally you can restraint to a given number of posts. I chose to only featured 1 featured post:

http://vincent.polenordstudio.fr/snap/4744i.jpg

Then, for the normal posts list, you can hide the featured posts:

http://vincent.polenordstudio.fr/snap/kdgti.jpg

The general idea is that you can build nice and complex grids using multiple Dynamic Lists. On my other blog www.larochelle.today I use multiple lists on home, both to showcase featured content and to vary size an look.

http://vincent.polenordstudio.fr/snap/hu1a0.jpg

3

Thank you @vincent, I will check it out!

4

Thank you so much @vincent, I made it :slight_smile: – Great!

1 Like