ho risolto così:
aperto il file "default_item" nel percorso "com_content>views>frontpage>tmpl>default_item" per assegnare un div class="cate" e ho poi creato il css di "cate".
Ho anche spostato il "mostra categoria" sopra al titolo dell'articolo.
che ne pensi?
<?php if (($this->item->params->get('show_section') && $this->item->sectionid) || ($this->item->params->get('show_category') && $this->item->catid)) : ?>
<tr>
<td>
<?php if ($this->item->params->get('show_section') && $this->item->sectionid && isset($this->item->section)) : ?>
<span>
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getSectionRoute($this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->section); ?>
<?php if ($this->item->params->get('link_section')) : ?>
<?php echo '[/url]'; ?>
<?php endif; ?>
<?php if ($this->item->params->get('show_category')) : ?>
<?php echo ' - '; ?>
<?php endif; ?>
</span>
<?php endif; ?>
<div class="cate"> <?php if ($this->item->params->get('show_category') && $this->item->catid) : ?>
<span>
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '<a href="'.JRoute::_(ContentHelperRoute::getCategoryRoute($this->item->catslug, $this->item->sectionid)).'">'; ?>
<?php endif; ?>
<?php echo $this->escape($this->item->category); ?>
<?php if ($this->item->params->get('link_category')) : ?>
<?php echo '[/url]'; ?>
<?php endif; ?>
</span> </div>
<?php endif; ?>
</td>
</tr>
CSS
.cate, .cate span, .cate a:link, .cate a:visited {
font-family: Helvetica;
font-size: 9px;
color: #666;
background-color: #CCC;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 3px;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
}
.cate a:hover{
color: #FFF;
}
