Modifica le impostazioni del font per i nomi delle categorie nella pagina delle categorie

Sviluppatore
1

Aiuto con il codice CSS per modificare il tipo di carattere, il colore e il peso

Grazie per l’aiuto.

Ho fatto questo ma non cambia il colore:

.category-list tbody
.category h3 {
    font-weight: 370;
    font-size: 18;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
2

Questo dipende davvero dal tipo di pagina di categoria che hai scelto; ad esempio, per le categorie con argomenti, il codice sarà qualcosa del genere:

.category-list.with-topics .category-name {
    font-size: 25px;
    font-weight: normal;
    color: gray;
}

Devi utilizzare gli strumenti di ispezione del browser per trovare la classe CSS (e il genitore) che desideri utilizzare, vedi

image
image1894×823 76.7 KB

Il genitore serve a indicare che vuoi modificare l’aspetto del nome della categoria solo su questa pagina e non globalmente.

Per modificare il tipo di carattere, consulta Change the default font on your site

La prossima volta, prima di pubblicare, usa la funzione di ricerca in alto a destra e troverai sicuramente le risposte che stai cercando.

Questo invece, CSS Tutorial, è un ottimo punto di partenza per imparare un po’ di CSS.

3

Grazie per la risposta.

Ma il codice che hai fornito non apporta la modifica. Quello che ho fornito io apporta le modifiche ma non cambia il colore.

Dove sto sbagliando?

4

Prova con

.category-list .category-name {
    font-weight: 370;
    font-size: 18px;
    line-height: 1.9;
    color: teal;
    font-family: Calibre-Regular, Helvetica, Arial, sans-serif;
}
5

Il codice che hai fornito ha modificato i font dei nomi delle sottocategorie nella pagina delle categorie principali.

Funzionava questo:

.category-list tbody
.category h3 {
   font-weight: 375;
   font-size: 17px;
   line-height: 21px;
   font-family: "Open Sans", Helvetica, sans-serif;
}

.category-list tbody .category h3 a[href] {
    color: black;
}

Grazie mille per il tuo aiuto. Ho imparato cose nuove.

6

Sì, sto usando la funzione Ispeziona elemento di Firefox per comprendere i codici CSS.

Grazie mille