Plugin: List category posts - Cómo mostrar el título debajo de la miniatura

14 mar 2012, 21:36:48
Vistas: 2.73K
Votos: 1

He estado intentando que el título aparezca debajo de la miniatura con CSS pero sin éxito. Sigue apareciendo en la parte superior.

css:

.lcp_catlist {
    float:left;
    text-align:center;
}

.lcp_catlist li {
    display:block;
    float:left;
    width: 160px;
    height: 150px;
    margin-bottom: 10px;
}

div.project-title {
}

.project-thumb {
    float: left;
    padding: 3px;
}

el shortcode:

[catlist id=3 numberposts=20 orderby=title order=asc title_tag=div title_class=project-title thumbnail=yes thumbnail_class=project-thumb thumbnail_size=thumbnail ]

Por lo que he investigado, la miniatura debe estar en un div para que funcione el float css. Sin embargo, el plugin no da la opción de usar thumbnail_tag. ¿Hay alguna solución alternativa para que la miniatura esté en un div?

No estoy seguro si esto ayudará, pero esta es la plantilla HTML para cada post:

<ul>
<li>
<div class="project-title">TÍTULO DEL POST</div>
<div class="project-thumb">MI MINIATURA</div>
</li>
</ul>

El problema es que el div para la imagen está abajo mientras que el div del título está arriba.

Aunque he probado diferentes configuraciones CSS, parece mantenerse en esa posición. Sin embargo, no puedo intercambiar sus lugares ya que eso está en el núcleo del plugin.

¡Muchas gracias por tu ayuda!

0
Todas las respuestas a la pregunta 2
0

después de una noche entera de búsquedas en Google y pruebas, resolví el problema utilizando la plantilla de List Category Posts. Todo lo que hice fue crear otra plantilla (a partir de la proporcionada por el plugin) en una carpeta dentro del directorio de mi tema. Luego entré y edité el código colocando los códigos para mostrar la miniatura encima de los códigos del título, y ¡voilà!, funciona a la perfección.

gracias Sol por intentar ayudarme. Realmente lo aprecié. ^^

15 mar 2012 18:19:53
4

por favor publica la URL o revisa el código fuente de la página y publica el HTML real para que podamos ver el marcado

14 mar 2012 23:08:15
Comentarios

está en mi localhost, así que no puedo mostrarlo realmente.

pero aquí hay una captura de pantalla: http://img52.imageshack.us/img52/7974/23615186.jpg

y aquí está mi css para ello: http://pastebin.com/A9fF3AFw

Iya Iya
14 mar 2012 23:50:21

No estoy seguro si esto ayudará, pero esta es la plantilla html para cada publicación:

<ul> <li> <div class="project-title"><a href="my_link">Eniro Cinderella</a></div> <div class="project-thumb"><a href="my_link"><img width="150" height="120" src="my-image.jpg" class="attachment-thumbnail wp-post-image"></a></div> </li> </ul> el problema es que el div para la imagen está en la parte inferior mientras que el div para el título está en la parte superior.

a pesar de que jugué con los ajustes del css, parece permanecer en esa posición. sin embargo, no puedo cambiar sus lugares ya que eso está en el núcleo del plugin.

Iya Iya
15 mar 2012 01:27:48

No vi ninguna referencia a wp-caption en tu ejemplo, así que es difícil solucionar problemas sin ver realmente el código. Sin embargo, como sugerencia, ¿por qué no creas una galería simple en una página de WP, luego usas firebug para mirar el código y copiarlo?

SolaceBeforeDawn SolaceBeforeDawn
15 mar 2012 03:57:54

¡Me alegra que lo hayas resuelto y gracias por el voto positivo!

SolaceBeforeDawn SolaceBeforeDawn
16 mar 2012 03:50:55