Web Design | Web Consulting | Internet Marketing
Every blog has a list of some sort, whether it be a list of posts, search results or a list of archives. Often times these lists get rather lengthy and some times it would be nice to be able to put a promotional item into that list, or if we are speaking search results page, something of this nature. “Can’t find what you are looking for, click here” See image below.
Did you know you can display your search results differently? This not only works with search results but any list, for example posts, archive list, etc. Take a look at the image below you will notice that the first post is displayed a little differently than the rest of the posts, it stands out more.
Our goal was to make all the posts within the video category display differently.
Let’s take this step by step. So in your stylesheet you already have a class called post or something of that nature to display each post. All we are going to do here is simply create a new class called .videoPost to make all the posts within the video category look different. You can go crazy here, but we chose to only display a video icon and shift the post content a little to the right.
