Date Icon on Articles?

I'm trying to replace the standard Joomla date with a css icon. There was a plugin that did this in previous versions of Joomla but I can't find any for J3.

The code is as follows;

Code: Select all

article header li {
   display: inline;
   background: #d10000;
   background: linear-gradient(top, #d10000 0%, #7a0909 100%);
   background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
   background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
   font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase;    
   border-top: 3px solid #a13838;
   border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   padding: 6px 0 6px 0;
}

This produces this effect;

date-issue.PNG

When it should look like this (ignore the different date!);

date1.PNG

I get odd behaviour when I inspect it in my css tool;

date-css.PNG

Could you please help as I'm guessing there are a number of users who may want this feature?

Thanks

Hi,
sorry but we moderators cannot help with such a customizations.