Forum rimuove larghezza fissa

Supporto
1

Ciao a tutti!

Vorrei rimuovere la larghezza fissa e sostituirla con un valore percentuale.
Come posso farlo? Ho provato in molti modi, ma nessuno ha funzionato.

Ecco due immagini di come dovrebbe apparire nella “homepage”.

Discourse_scss
Discourse_scss1230×1305 119 KB

E qui all’interno di un argomento.

Discourse_Topic_scss
Discourse_Topic_scss1126×1306 232 KB

Quindi, chi può darmi un consiglio o direttamente il codice per farlo?

Sarei molto grato!

2

Nessuno può aiutarmi? Per favore!

3

Per larghezza della colonna

Per prima cosa dobbiamo ridefinire display: flex;:

.categories-and-latest {
    display: block;
}

e poi impostare la larghezza:

.column.categories{
    width: 40%;
    float: left;
}

discourse
discourse1437×646 142 KB

Questo è solo un esempio. Potrebbe essere necessario prendere il div precedente e gestire la larghezza dello schermo. Non ho idea di cosa accadrà sui dispositivi mobili e sarà necessario aggiungere altro CSS.

Fai attenzione a: display: flex;. Forse ci sono difficoltà in questo.

4

Grazie!

Quello che sto cercando è il selettore CSS per la larghezza predefinita.

Ho provato .wrap e molti altri, ma nessuno ha funzionato. Li ho ottenuti con l’ispettore.

5

Ho provato a usare per .wrap

max-width: 100%;

e la larghezza è diventata 100%.

6

Se faccio questo, solo l’intestazione e il piè di pagina sono al 100%.

Mi sto perdendo qualcosa?

MODIFICA:

Ho ricontrollato e inserito

#main > div #main-outlet {
	max-width: 90%;
	width: 90%;
}

ma come puoi vedere nello screenshot, viene sovrascritto da theme_11.scss e non so perché.

Discourse_css
Discourse_css2551×1172 183 KB

7

Prova questa opzione.

.categories-and-latest {
    display: block;
}
.wrap {
    max-width: 90%;
    width: 90%;
}
.categories-and-latest div.column.categories {
    width: 40%;
    float: left;
}
8

È lo stesso di prima, viene sovrascritto da theme_11.scss.
È davvero fastidioso perché funzionava una volta, ma ora non più.

Modifica:
È uno dei componenti del tema, devo capire quale.

L’ho capito, è il “Footer facile e responsive” ufficiale. Dopo averlo rimosso, il sito è passato al 90% di larghezza.
Forse @Johani può darci un’occhiata perché vorrei riavere il footer.

Modifica 2:
E “Banner versatile” sta “corrompendo” le modifiche alla larghezza. Forse anche @tshenry può dare un’occhiata?