How to bring back the date on Sticky Posts in TwentyThirteen

- by

By default, the TwentyThirteen theme suppresses the date byline when a post is marked as Sticky (in which case, it’ll always be displayed at the top of the posts list).

That’s usually great, because Sticky Posts are often timeless announcements, and the fact that they’re a year or two out of date doesn’t look as handsome as if the date byline would simply be removed. I like this as a default behaviour.

Here’s what a default sticky post looks like, without the date displayed:

But of course, every now and again you may want to break the rules and shake up the whole universe. I did this on my iOS Dev Diary recently, where an announcement post would have been very helpful with the date displayed (I didn’t intent to keep it there for long).

So how do we bring back the date on Sticky Posts in TwentyThirteen? Let’s find out!

As always, a quick snippet of CSS will do the trick. In this case, the signature is a little long though:

.single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date {

Β  display: initial;

}

This targets all instances of a sticky post’s date property, setting it to “display: none” by default. By setting it to “initial” instead, the date is displayed just like it is on regular posts.

Here’s what it looks like with the date displayed, despite it being a sticky post:

Add your voice!

This site uses Akismet to reduce spam. Learn how your comment data is processed.