¡Hola! Estamos intentando configurar nuestro propio canal de Discourse y necesitamos implementar un banner (después del encabezado) que se vea así -
Pero estamos enfrentando dos problemas principales:
- No logramos que el banner ocupe el ancho completo. Discourse agrega un contenedor, por lo que todo el componente queda dentro de ese contenedor.
- No podemos ver las imágenes, incluso si están en el dominio. Subimos esas imágenes y las usamos así:
background-image: url($discourse_vector); background-position: bottom; background-size: cover; height: 100%; display: block; width: 100%;
pero no funciona.
Agradeceríamos cualquier ayuda.
Gracias de antemano.
En el archivo head de tu tema, puedes agregar esto:
<script type="text/x-handlebars" data-template-name="/connectors/below-site-header/custom-banner">
// Tu HTML personalizado aquí
</script>
Esto utiliza un plugin outlet para colocar el contenido directamente debajo del encabezado y fuera de nuestro contenedor de contenido (más detalles aquí: Guía para desarrolladores de temas de Discourse)
Basándome en el nombre de la variable… ¿es una imagen SVG? Si lo es, es posible que necesites asegurarte de que el archivo SVG tenga un atributo viewbox y/o dimensiones en su marcado… He encontrado este problema ocasionalmente.
De lo contrario, esperaría que tu imagen apareciera… ¿esto está ocurriendo en un sitio en vivo o en una instalación local de desarrollo? He tenido ocasionalmente problemas con imágenes subidas en instalaciones de desarrollo; por lo general, borrar la caché o reiniciar el servidor lo soluciona.
3 Me gusta
