Giving some particular style to my blog on my wordpress site

Question

I have a site made on WordPress and I'm displaying Wordpress posts on one of the pages. I need to do something like this:

As you can see, the post date is displaying on a div on the featured image. How can I manage to do that? Maybe there's a plugin to help me achieve this?

Answer 1

This CSS can give you a startpoint:

.hentry {
    position: relative;
}
.hentry .published {
    display: block;
    background: #f6c506;
    color: #fff;
    position: absolute;
    top: 0;
    right: 50%;
    padding: 10px;
    margin: 10px;
}

You will need to change how post date is shown (Wordpress setting) and style a bit more. The pipe (|) is still on the post meta.

Note: i've tested on this page: http://hojalateriaelguante.agencialosnavegantes.cl/blog/