Question

Please check this website: http://vabbie.com/

The website is in WordPress. The datestamp at the left side of post is very generic looking. I want to convert it into the following style:

The numeric part is big and indendted on the left side. The “October” part is OCT and year 2012 below it.

I am using the following php code for datestamp:

<div id="time"><?php the_time('F j, Y') ?></div>

But I am not sure how to style it.

Anyone with WordPress knowledge help please?

Thanks!!

Answer 1

It uses the same format that the PHP date function uses:

• https://www.php.net/manual/en/function.date.php

Check out the format table and choose the appropriate characters to get the desired output as documented.

echo '<div id="time"><span>' . the_time('j') . '</span><span>' . the_time('M') . '<br />' . the_time('Y') . '</span></div>';

To start you off =o) just style the SPAN so one floats to the side and then style the font etc all with CSS.