Plugin: List category posts - Come mostrare la didascalia sotto la miniatura
Sto cercando di far apparire la didascalia sotto la miniatura con il CSS ma senza successo. Continua ad apparire sopra.
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;
}
Lo 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 ]
Da quello che ho capito, la miniatura deve essere in un div per far funzionare il float con il CSS. Tuttavia, il plugin non offre l'opzione thumbnail_tag. Esiste una soluzione alternativa per inserire la miniatura in un div?
Non sono sicuro se possa aiutare, ma questo è il template HTML per ogni post:
<ul>
<li>
<div class="project-title">TITOLO POST</div>
<div class="project-thumb">MINIATURA</div>
</li>
</ul>
Il problema è che il div per l'immagine è in fondo mentre il div per il titolo è in alto.
Anche giocando con le impostazioni CSS, sembra rimanere in quella posizione. Tuttavia, non posso scambiarli perché è nel core del plugin.
Grazie mille per l'aiuto!

dopo un'intera nottata passata tra ricerche su Google e test, ho risolto il problema utilizzando il template di List Category Posts. Tutto quello che ho fatto è stato creare un altro template (a partire da quello fornito dal plugin) in una cartella all'interno della directory del mio tema. Poi sono entrato nel codice e ho posizionato i codici per la visualizzazione delle miniature sopra quelli del titolo, e Voilà!, funziona perfettamente.
grazie Sol per aver tentato di aiutarmi. Lo ho davvero apprezzato. ^^

è sul mio localhost, quindi non posso davvero mostrartelo.
ma ecco uno screenshot: http://img52.imageshack.us/img52/7974/23615186.jpg
e qui c'è il mio css: http://pastebin.com/A9fF3AFw

Non sono sicuro che questo possa aiutare, ma questo è il template html per ogni post:
<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>
il problema è che il div per l'immagine è in fondo mentre il div per il titolo è in cima.
anche se ho giocato con le impostazioni del css, sembra rimanere in quella posizione. tuttavia non posso scambiarli di posto perché fa parte del core del plugin.

Non ho visto nessun riferimento a wp-caption nel tuo esempio, quindi è difficile risolvere il problema senza vedere effettivamente il codice. Tuttavia, come suggerimento, perché non crei una semplice galleria in una pagina WP, poi usi firebug per guardare il codice e copiarlo?
