Encabezado y CSS personalizados

Hola a todos, estoy intentando añadir una cabecera personalizada en la parte superior. Está funcionando en su mayor parte, pero creo que parte del CSS está siendo sobrescrito por Discourse. ¿Hay algún truco para evitar que el CSS de Discourse afecte a mi cabecera?

1 me gusta

Hola :wave:

¿Puedes compartir tus modificaciones de CSS?

Normalmente, Discourse anulará nuestras reglas si nuestros selectores no son lo suficientemente precisos.

Por ejemplo, si Discourse tiene una regla como body .category { line-height: 1 } y nosotros escribimos en nuestro propio tema .category { line-height: 2 }, entonces será anulada por la primera regla porque es más precisa con el selector body adicional.

2 Me gusta

Por lo que he leído, ¿también se usa el !important en CSS?

Sí. No recomendaría usarlo a menos que no puedas anular el CSS usando selectores. Es una regla de “último recurso”. :slight_smile:

1 me gusta

Genial, gracias por la aclaración. He visto que a menudo se recomienda que los componentes de complementos influyan/cambien un Theme component.

Gracias por responder a todos. Estoy lo suficientemente familiarizado con CSS como para conocer los trucos estándar y demás. Disculpen si eso no suena muy bien, no lo digo con esa intención.
Realmente solo esperaba que Discourse tuviera alguna configuración en algún lugar para forzar que su propio CSS ignorara contenedores personalizados con identificadores o clases específicas. Realmente ahorraría mucho tiempo.
De todos modos, creo que he resuelto la mayor parte; y tendré que estar atento a cualquier cambio importante de CSS que Discourse agregue en el camino y compensar.

1 me gusta