differenziare titolo e data modulo latest news

mariarosaria

Buongiorno a tutti.
Fino a qualche giorno fa, nel modulo "articoli recenti" sulla destra di questa pagina riuscivo a differenziare il titolo e la data con grandezza caratteri diversa. Adesso, forse in seguito a qualche aggiornamento, non riesco più a farlo perchè sia il titolo che la data sono entrambi nel tag "<span>".
Riesco solo a togliere la data utilizzando il layout del modulo predefinito o l'override.

Addirittura avevo creato classi css personalizzate nel file custom.css (.nodata) per nascondere la data (come nel modulo sottostante "commenti recenti", la data che si vede lì coincide col titolo articolo, ma non è la data di pubblicazione)

/* Sovrascrivo margine data latest news*/
.sp-module-content .latestnews > li > a > span {
  display: block;
  margin-top: -10px;
  font-size: 70%;
}
/* Fine */
/* Classe personalizzata per modulo latest news senza info data*/
.nodata .sp-module-content .latestnews > li > a > span {
  display: none;
}
/*Fine*/

Tutto ciò prima si applicava alla data. Adesso si applica a tutto, titolo e data, perchè adesso anche il titolo dell'articolo è dentro il tag "<span>".

Spero di essere riuscita a spiegarmi.
Grazie per l'aiuto.

jabba

Ciao, secondo me si è persa semplicemente la classe del modulo.. non vedo "nodata" da nessuna parte, quindi il css che hai scritto non si applica. Prova a vedere che non si sia cancellata e nel caso rimettila nelle impostazioni del modulo.

Ad ogni modo puoi anche andare a targettare solo il titolo grazie all'attributo itemprop (qui qualche esempio)

A naso (ma sistemalo per le tue necessità e con le tue classi) puoi fare una cosa del genere per nascondere la data:

.sp-module-content .latestnews > li > a > span {
 display:none;
}

.sp-module-content .latestnews > li > a > span[itemprop="name"] {
display:block;
}

così praticamente togli tutti gli "span" dentro quel modulo ma rendi visibili solo gli span con l'itemprop "name".

Controlla anche che nelle impostazioni del modulo non ci sia un flag per visualizzare/nascondere la data, di solito c'è.
Ciao!

mariarosaria

Grazie.

Allora, la classe .nodata adesso l'ho tolta, perchè appunto mi nascondeva anche il titolo (che sta sotto span) e non solo la data. Quindi si vedeva il menu vuoto, né titolo, né data.

Nelle opzioni del modulo non c'è la possibilità di visualizzare o meno la data, è stata la prima cosa che ho controllato.

Farò qualche prova con itemprop e ti farò sapere. Intanto grazie.

mariarosaria

Funziona. Grazie.

La classe nodata ho dovuto darla sia a span che a span[itemprop], altrimenti non si visualizzava nulla.
Il CSS finale

/**Classi moduli latestnews con data articolo e senza data articolo "Articolo recenti" e "Commenti recenti"**/
.sp-module-content .latestnews > li > a > span[itemprop="name"] {
display:block;
  font-size:90%;
margin-top:0;
}

/* Sovrascrivo margine data latest news*/
.sp-module-content .latestnews > li > a > span {
  display: block;
  margin-top: -10px;
  font-size: 70%;
}
/* Fine */

/* Classe personalizzata per modulo latest news "commenti recenti" senza info data*/
.nodata .sp-module-content .latestnews > li > a > span[itemprop="name"] {
  display: block;
  margin: 0;
}

.nodata .sp-module-content .latestnews > li > a > span {
  display: none;
}
/*Fine*/

/**Fine**/

Ovviamente al modulo "Articoli recenti" non ho attribuito nessuna classe personalizzata, al modulo "Commenti recenti" ho dato la classe nodata
Risultato finale sempre qui
Grazie mille