Foro elimina ancho fijo

Soporte
1

¡Hola a todos!

Quiero eliminar el tamaño de ancho fijo y reemplazarlo con un valor porcentual.
¿Cómo puedo hacer esto? He probado muchas cosas, pero ninguna ha funcionado.

Aquí hay dos imágenes de cómo debería verse en la “página de inicio”.

Discourse_scss
Discourse_scss1230×1305 119 KB

Y aquí dentro de un tema.

Discourse_Topic_scss
Discourse_Topic_scss1126×1306 232 KB

¿Alguien puede darme una pista o directamente el código para hacerlo?

¡Estaría muy agradecido!

2

¿No puede nadie ayudarme? ¡Por favor!

3

Por ancho de columna

Primero necesitamos redefinir display: flex;:

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

y luego, establecer el ancho:

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

discourse
discourse1437×646 142 KB

Esto es solo como ejemplo. Es posible que tengas que tomar el div anterior y ajustar el ancho de la pantalla. No tengo idea de qué sucederá en dispositivos móviles, y será necesario agregar más CSS.

Presta atención a: display: flex;. Quizás haya dificultades en esto.

4

¡Gracias!

Lo que busco es el selector CSS para el ancho predeterminado.

He probado .wrap y muchos otros, pero ninguno funcionó. Los obtuve con el inspector.

5

Intenté usar .wrap

max-width: 100%;

y el ancho pasó a ser 100%.

6

Si hago esto, solo el encabezado y el pie de página ocupan el 100%.

¿Me estoy perdiendo algo?

EDITO:

Lo volví a revisar e inserté:

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

Pero como puedes ver en la captura de pantalla, esto se sobrescribe desde theme_11.scss y no sé por qué.

Discourse_css
Discourse_css2551×1172 183 KB

7

Prueba esta opción.

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

Es lo mismo que arriba, se sobrescribe desde theme_11.scss.
Es realmente molesto porque funcionó una vez, pero ya no.

Edición:
Es uno de los componentes del tema, tengo que averiguar cuál.

Ya lo encontré, es el “Pie de página fácil de adaptar” oficial. Al eliminarlo, el sitio cambió al 90% de ancho.
Quizás @Johani pueda echarle un vistazo, ya que me gustaría volver a tener el pie de página.

Edición 2:
Y el “Banner versátil” está “corrompiendo” los cambios de ancho. ¿Quizás @tshenry pueda echarle un vistazo también?