Ottimizza l'aspetto della home page del tema Foundation

[sniper756]

Risolvere il problema di questo post

Appena dopo l’aggiornamento rebuild, il font della home page è diventato molto piccolo - Contributi / Esperienza utente - Discourse Meta

Ottimizzare la visualizzazione della home page tramite componenti personalizzati:

Prima dell’ottimizzazione:

Dopo l’ottimizzazione:

Codice CSS del componente personalizzato:

/* ========== Uniformare i margini superiore e inferiore delle righe delle categorie ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Font complessivo dell'intestazione «Categorie, Argomenti, Ultimo» ========== */
.category-list-header {
  font-size: 1.2rem !important;
}


/* Dimensione del font per le categorie principali */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Dimensione del font per le sottocategorie */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Aumentare il margine destro dell'intestazione «Argomenti» */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Aumentare il margine destro della colonna di dati «1 / Settimana» */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Controllo del font per il numero di post ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Controllo del font per l'unità «Settimana» ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Adeguamento del font per gli argomenti in evidenza a destra ========== */

/* Titolo degli argomenti in evidenza */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Data di pubblicazione (ad esempio «30 giorni») */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Icone di stato degli argomenti */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Spaziatura tra i singoli blocchi di argomenti in evidenza */
.featured-topic {
  margin-bottom: 2px !important;     /* Spazio tra gli argomenti */
  padding: 5px 0 !important;          /* Margini interni superiore e inferiore */
  line-height: 1 !important;        /* Altezza della riga complessiva */
}