Tema Aria

Vedo lo stesso problema con lo schema di colori predefinito (non ho cambiato schema prima).

Stranamente, lo sfondo e l’icona usano lo stesso colore --primary-low-mid e non vedo modifiche recenti a riguardo. :thinking:

2 Mi Piace

Ok grazie per il report, ho trovato il problema ed è stato risolto.

1 Mi Piace

Ciao ragazzi. Sto usando il tema Air e vorrei mostrare gli ultimi post agli utenti sulla homepage del forum, ma il tema Air mostra solo le categorie e non viene mostrato nemmeno alcun post di attività recente (come nel tema predefinito).

Come posso fare in modo che vengano mostrate sia le categorie che gli ultimi post (subito sotto le categorie) sulla homepage dei dispositivi mobili?

Ciao a tutti, è possibile mostrare quante persone hanno visualizzato gli argomenti?

Potrebbe non essere il modo più pulito per farlo, ma aggiungi queste righe nel CSS del desktop

.topic-list-data.num.views {
  display: unset;
}
td.topic-list-data.num.views {
  display: flex;
  order: 4;
  justify-content: center;
  align-items: center;
}
1 Mi Piace

Ciao a tutti, ho appena aggiornato al tema Air. Mi piace molto, tra l’altro.

Ma prima avevo un’immagine di sfondo nella schermata di accesso usando discourse-trendy-login ma ora sto usando il tema Air e non riesco a far apparire l’immagine di sfondo. Come posso cambiarla? Grazie in anticipo.

Puoi condividere un link al tuo sito?

Penso che questo dovrebbe funzionare per te:

.background-container {
    display: none;
}

Per favore, fammi sapere qui se non dovesse funzionare.

1 Mi Piace

Ciao Jordan,

Sto riscontrando un effetto interessante impostando un banner con immagine. Sta allungando l’immagine rendendola scorrevole orizzontalmente.

Mentre un onebox sembra rispettare la larghezza.

Quanto segue mostra la barra superiore del banner fatta scorrere verso destra, centrando la pulizia e la modifica.

Ho provato diverse dimensioni di immagine. Nel post del banner dell’utente, l’immagine viene visualizzata correttamente. Questo sembra influenzare anche le caselle di YouTube estratte almeno utilizzando il plugin RSS. Non ho testato con un onebox YouTube normale.

Come posso risolvere questo problema? E c’è un modo con CSS per aumentare l’altezza del banner visibile?

Diverse persone hanno chiesto come mostrare le sottocategorie nella pagina Categorie. Questo riguarda il componente Modern Category + Group Boxes, ma dato che non ha un suo topic (giusto?) condividerò qui i miei risultati:

Questo funziona:

/* Mostra le sottocategorie */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
  display: inline-flex;
  flex-flow: wrap;
}

.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
  display: inline-flex;
  align-items: baseline;
  margin-right: .3em;
}

/* Rimuove le immagini delle categorie dall'elenco */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
  display: none;
}

Inoltre, se hai molte sottocategorie, forse vuoi mostrarne una per riga.

/* Una categoria per riga */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
  grid-template-columns: 1fr;
}

Il risultato appare così:

Penso che i box abbiano un limite di altezza ma non ho trovato il modo di rimuoverlo. Non abbiamo ancora abbastanza sottocategorie per vedere il problema sul desktop, ma stiamo raggiungendo il limite sul mobile:

Qualche idea per risolvere questo problema?

2 Mi Piace

Ho un errore di responsive con questo tema nei browser Chrome e Edge, con Firefox va bene.
Come posso risolverlo.
Grazie

C’è un modo per mantenere gli avatar nell’elenco degli argomenti sul desktop in formato circolare? Ho controllato sul cellulare, sono in cerchio, ma perché quadrati sul desktop.

1 Mi Piace

Ciao, sul mio tema Air gli avatar desktop sono circolari come quelli mobili.

Hai forse un componente che sta cambiando l’avatar in quadrato?

Modifica secondo il post dell’OP, sembra che debbano essere quadrati…

No, non lo sono. Sto usando il tema predefinito di Discourse e il tema Air. Discourse predefinito utilizza il formato circolare. Se guardi le altre immagini della bacheca sopra, sono tutte quadrate.

E gli avatar non sembrano fluidi.

1 Mi Piace

Potrebbe essere possibile utilizzare questo Theme component per correggerlo.

2 Mi Piace

Esattamente quello di cui ho bisogno. Grazie mille!

1 Mi Piace

Qualcuno può dirmi come cambiare lo sfondo di questo tema?

Puoi essere più specifico? Ci sono alcuni punti in cui puoi modificare lo sfondo con un’immagine.

Ciao @jordan.vidrine, ho notato in un paio di punti che non c’è un contenitore attorno al contenuto.

Preferirei che questi elementi fossero racchiusi in bolle, poiché rende difficile la lettura quando del testo, ad esempio, passa da uno sfondo bianco a uno blu.

Questi sono i badge. Ma lo fa anche in “Guadagnati…”

Preferirei la bolla rispetto alla colonna bianca diretta, poiché penso che abbia un effetto più gradevole. Questo sarebbe utile anche per altri elementi fluttuanti e persino per le moderne intestazioni di gruppo di categorie.

1 Mi Piace

Mod per il supporto del tema Air che è online Plugin

Crea Theme component

Modifica CSS comune e aggiungi questo codice

// Personalizzazione Whis Online
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Abilita il componente nel tema Air

Risultato precedente questo veniva visualizzato senza sfondo o bordo, rendendolo difficile da leggere

Ci sono alcune aree che vorrei sistemare che presentano questo problema.

Esempio mostrato nel mio post precedente.


MODIFICA Nuova correzione aggiuntiva per il banner globale problema

Informazioni aggiuntive sulle specifiche del banner globale:


//correzione immagine banner globale
#banner img {
    width: 100%;
    height: auto;
}

Un ringraziamento speciale a @awesomerobot per aver fornito questo snippet di codice

1 Mi Piace

Ciao a tutti, stavo solo cercando di aggiungere un po’ di CSS personalizzato a questo tema, ma l’opzione non è presente insieme alle altre opzioni di personalizzazione del tema. Cosa mi sto perdendo?