Los títulos en los resumidos para las categorías

El resumen de entradas en las etiquetas lo que hace es mostrar el título de todas las entradas con una misma etiqueta con la opción de desplegar la entrada. Sigue teniendo gran aceptación porque resulta cómodo a la hora de buscar algo y no carga la página cada vez que deseamos mostrar la entrada completa.

El inconveniente era que los títulos se mostraban con los mismos estilos de post h3 y en algunos casos donde la fuente es grande o contiene una imagen no resultaba nada estético.

Así que, a las preguntas sobre la forma de modificar la fuente de los títulos la respuesta es la siguiente.

Lo primero que añadimos es el script, luego debemos añadir las parte de código que hay en color rojo justo sobre la de color negro.La primera parte que añadimos en color rojo es la siguiente:

<b:includable id='PeekABooPost' var='post'>

<div class='post uncustomized-post-template'>

<table><tr><td width='40px'>

<a expr:onclick='&quot;javascript:toggleIt(\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>

<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>

<div class='post-body' expr:id='data:post.id' style='display:none'>

<p><data:post.body/></p>

<div style='clear: both;'/> <!-- clear for photos floats -->

</div>

</div>

</b:includable>

Lo que está marcado en negrita lo vamos a sustituir por:

<table cellpadding='0' cellspacing='0' class='resumenpost'><tr><td width='40px'>

Con resumenpost estamos añadiendo una clase y con ello ya podemos darle un estilo diferente.

El siguiente paso es mirar en vista previa, no veremos los cambios porque se visualizan cuando marcamos sobre una etiqueta pero podemos ver si los cambios pueden guardase sin problemas.

Los estilos los añadiremos justo antes de ]]></b:skin>

.resumenpost td h3.post-title{margin: 0 !important; padding: 0 !important;}

.resumenpost td h3.post-title{font:14px bold Arial!important;}

Añadí la fuente Arial y de tamaño 14px pero podéis añadir cualquier otro estilo.