Plugin: List category posts - Come mostrare la didascalia sotto la miniatura

14 mar 2012, 21:36:48
Visualizzazioni: 2.73K
Voti: 1

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!

0
Tutte le risposte alla domanda 2
0

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. ^^

15 mar 2012 18:19:53
4

per favore pubblica l'URL o guarda il codice sorgente della pagina e pubblica l'effettivo codice HTML in modo che possiamo vedere il markup

14 mar 2012 23:08:15
Commenti

è 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

Iya Iya
14 mar 2012 23:50:21

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.

Iya Iya
15 mar 2012 01:27:48

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?

SolaceBeforeDawn SolaceBeforeDawn
15 mar 2012 03:57:54

Felice che tu l'abbia risolto e grazie per il voto positivo!

SolaceBeforeDawn SolaceBeforeDawn
16 mar 2012 03:50:55