¿Cómo muevo una imagen/banner a la PARTE SUPERIOR de la página?

Puedes usar el componente de encabezado de marca (brand header component) para hacer el encabezado que estás describiendo y debería ser algo de CSS sencillo agregar un fondo. Que yo sepa, no hay una forma nativa de mover el banner del sitio a esa ubicación.

Gracias. Crear un banner es fácil. Hacer que sea un fondo parece ser la parte complicada. Lo tenía con mi tema anterior, pero fue hace tanto tiempo que no recuerdo qué CSS tuve que cambiar para hacerlo. Hasta donde sé, ¿todo es posible con CSS personalizado, verdad?

Sí, es tan fácil como un componente simple. No estoy cerca de mi computadora en este momento, así que no puedo darte la clase, pero si vas a las Herramientas de desarrollador (DevTools) puedes obtener la clase y simplemente crear un nuevo componente:

.banner_background { // pon la clase real aquí
    background: url("https://example.com/example.png") cover no-repeat;
}
1 me gusta

“¿“wrap”?”

Ese es el encabezado predeterminado. Si buscas aplicar el fondo al encabezado, entonces sí, pero si quieres que sea algo separado, no es eso.

Si quieres aplicar el fondo al encabezado del sitio, usa .d-header .wrap

Gracias. ¿Tendrás alguna posibilidad de indicarme dónde puedo encontrar instrucciones sobre cómo hacer ese cambio? Sé muy poco sobre CSS y aún menos sobre cómo personalizar Discourse.

¿Podrías indicarme a qué “cambio” te refieres?

¿Cómo cambio el fondo de la parte superior de la página por la imagen que está detrás del mensaje de bienvenida?

Si desea reemplazar el fondo del encabezado del sitio, esto es lo que necesita

.d-header .wrap {
    background: url("https://example.com/example.png") cover no-repeat;
}
1 me gusta

Lo siento, no fui claro. Probablemente haya un “paso a paso” sobre cómo añadir CSS personalizado al sitio. Eso es lo que estoy buscando.

Hay Making custom CSS changes on your site para información general sobre cómo hacer esto

3 Me gusta