Arclite Theme Date

The date is a couple of span’s and some CSS. This is the generated source:

<p class="post-date">
   <span class="month">sep</span>
   <span class="day">1</span>
</p>

The CSS for the month part:

.post .post-date span.month {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F44365 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-size:85%;
left:0;
padding:2px 0;
position:absolute;
text-transform:uppercase;
top:0;
width:100%;
}

And the day part:

.post .post-date span.day {
bottom:1px;
left:0;
padding:3px 0;
position:absolute;
width:100%;
}

I don’t know how your theme generates its date but there is good chance it used this function. You’ll have to edit that to get the markup you need.

Thanks for the answer (hadnt seen it yet)
I had seen the source code… My main problem is how to edit this function…
as far as I could read, I can add some tag before the date and after.. how should I add code in between so that I can close the first span and open the second one?

<p class="post-date">
   <span class="month"><?php the_time('M'); ?></span>
   <span class="day"><?php the_time('j'); ?></span>
</p>

https://codex.www.ads-software.com/Formatting_Date_and_Time

Hoo so!! man… this seems so logic… I was thinking it would need a lot of editing in some obscure (to me) function…
I’ll give it a shot ?? thanks!!