PHP Code:
<div style="width:60px;float:left"><?php the_date(); ?></div>
<?php bfa_post_headline('<div style="margin-left:70px" class="post-headline">','</div>'); ?>
To change the date output or to style the date items (year,month,day) differently, use
PHP Code:
<?php $date = explode(' ', the_date('M j Y','','',FALSE)); ?>
<div style="width:60px;float:left">
<div class="date-month"><?php echo strtoupper($date[0]); ?></div>
<div class="date-day"><?php echo $date[1]; ?></div>
<div class="date-year"><?php echo $date[2]; ?></div>
</div>
<?php bfa_post_headline('<div style="margin-left:70px" class="post-headline">','</div>'); ?>
<br style="clear:left" />
To vertically align the post headline and the date use a table as a table-less solution will require a whole bunch of extra DIV's.
PHP Code:
<?php $date = explode(' ', the_date('M j Y','','',FALSE)); ?>
<table><tr><td>
<div style="width:60px">
<div class="date-month"><?php echo strtoupper($date[0]); ?></div>
<div class="date-day"><?php echo $date[1]; ?></div>
<div class="date-year"><?php echo $date[2]; ?></div>
</div>
</td><td>
<?php bfa_post_headline('<div class="post-headline">','</div>'); ?>
</td></tr></table>
CSS Insert:
PHP Code:
div.date-month {
....
}
div.date-day {
...
}
div.date-year {
...
}