Tema Aire

Quiero usar esto con el tema del aire porque me gustan las cajas y la configuración de categorías.

2 Me gusta

¿Entonces quieres que no haya un área gris que invada la imagen de fondo?

Si es así, usarías el mismo código anterior, pero unset la propiedad clip-path.

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

¡Esto en realidad se ve muy bien con tu imagen!

8 Me gusta

Ahh, entendido, ¡gracias!

4 Me gusta

5 publicaciones se fusionaron en un tema existente: Search banner theme component

¿cómo aplico este código? ¿dónde lo pongo exactamente, por favor?

Siéntete libre de leer los siguientes temas para tener una mejor idea de cómo personalizar la apariencia de tu sitio :+1:

Así como estos:

Guía del diseñador para temas de Discourse

Guía del desarrollador para temas de Discourse

2 Me gusta

Muchas gracias @jordan.vidrine, así que he implementado los cambios y esto puede que no sea necesariamente en el tema, sino en mi banner versátil, pero el fondo se duplica también en mi banner versátil y este es el único cambio que hice en discourse air

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366; 
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg); 
    clip-path: unset;
  }
}

Así es como se ve mi página ahora: ¿es algo que necesito cambiar en el banner versátil o algo en el tema air?

No tengo una imagen de fondo ni un color configurado para el banner versátil.

¿Alguna sugerencia?

1 me gusta

Puedes probar background-size: cover; o jugar con variaciones de eso.

Más información aquí también podría ser útil background-size | CSS-Tricks

2 Me gusta

Entendido, lo haré. Es el tamaño cuando hago zoom out, la imagen simplemente se repite:

¿Crees que también debería eliminar el relleno de alto y ancho?

Jugaré con el background-size: ¡Gracias!

2 Me gusta
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    background-size: cover;
    clip-path: unset;

¡Funciona perfectamente, gracias!

3 Me gusta

¿Alguien sabe cómo cambiar el tamaño y el color del texto del encabezado en la página principal?

Te dirigiría aquí para que tengas una mejor idea de cómo funciona Discourse y cómo personalizar áreas del sitio.

5 Me gusta

Se fusionó una publicación en un tema existente: Componente de alternancia de modo oscuro/claro

¿Alguna idea de cómo cambiar el color de esta fuente al crear un componente para ello? Este problema solo ocurre en dispositivos móviles… por lo que el componente solo puede ser para el diseño móvil.

botón de búsqueda

búsqueda en el pie de página

2 Me gusta

Hmm :thinking: , es difícil saber por tu captura de pantalla en qué página te encuentras o a qué fuente específica te refieres. En la imagen que has compartido, hay 4 o más elementos de texto diferentes que podrían personalizarse.

Parece que te interesa personalizar bastante Discourse para ti, ¡lo cual es genial! :raised_hands:

Te sugiero que leas los siguientes temas para tener una mejor idea de cómo personalizar la apariencia de tu sitio :+1:

Así como estos:

Guía del diseñador para temas de Discourse

Guía del desarrollador para temas de Discourse

1 me gusta

Jordan, veo tus mensajes anteriores y el último que mencionan “leer más”, lo entiendo y lo respeto, pero ten en cuenta que no soy diseñador y he pasado casi una semana personalizando el tema con mis conocimientos básicos… y no soy rico como para gastar $500 en personalizar mi “comunidad sin fines de lucro”.

Así que considera que ayudarnos en esto será apreciado, no por mí, sino por otros usuarios de la comunidad a quienes definitivamente les gustará tu tema con sus conocimientos básicos de personalización.

Lo mejor de Discourse es que, si bien hay, por supuesto, una curva de aprendizaje (como con cualquier cosa técnica hoy en día), eres muy capaz de personalizar las cosas que deseas personalizar. ¡Lo prometo!

Escribimos estos temas para ayudar a nuestra comunidad a aprender a hacer las cosas por sí mismos, y a veces, cuando las cosas se ponen un poco difíciles, siempre estamos aquí para ayudar.

Dicho esto, ¡la ayuda que estás pidiendo definitivamente se puede obtener leyendo los temas que enlacé anteriormente!

6 Me gusta

¿Es posible recuperar el número de vistas junto con la actividad más reciente y el número de respuestas?

2 Me gusta

Deberías poder hacerlo en un componente de tema. No estoy en una computadora en este momento, pero si inspeccionas el elemento de la lista de temas con un inspector del navegador como Chrome, deberías poder ver qué filas se han ocultado con CSS. Luego puedes apuntar a esas filas para hacerlas visibles con un componente de tema personalizado.

4 Me gusta

Hola, uso el tema Air Theme con el componente temático Topic List Thumbnails Theme Component - theme - Discourse Meta en modo cuadrícula. Sin embargo, la disposición de los temas es diferente en la vista de cuadrícula que en otros temas.
por ejemplo,


otro tema con el componente,

¿Es un problema o hay algún componente temático sugerido para mostrar la miniatura del tema?

1 me gusta