Donde está el cuadro rojo, me gustaría tener un “cuadro/burbuja” separado para el área de “Temas nuevos y no leídos”. Donde está la línea roja ondulada, me gustaría que esa área fuera un espacio, y luego debajo del icono de la campana “Seguimiento”, que sea su propio “cuadro/burbuja” también. Básicamente, estoy tratando de hacer que esto sean dos bordes redondeados con espacio entre ellos. Esencialmente, solo estoy tratando de separar el área de “Temas nuevos y no leídos” de lo que está justo encima. ¿Es esto posible? Si es así, por favor, dime cómo.
Parece que el área de Temas tiene un ID de div de suggested-topics con una clase de div de more-topics__list y creo que todo el cuadro redondeado que ya rodea todo es main-outlet, pero no puedo decir cuál es el área anterior donde está el icono de la campana de Seguimiento.
Los cuadros rojos indican los “cuadros/burbujas” a los que me referí anteriormente. La línea naranja entre ellos es donde quiero el espacio entre ellos. Y sí, he leído todos los temas de CSS y demás que se recomiendan habitualmente. No puedo resolverlo después de unas 6 horas. Por lo que he experimentado, parece que si hago:
.more-topics__list{
display:none;
}
entonces básicamente elimina todo el contenido entre el icono de la campana de Seguimiento y “Quieres leer más?..” en la parte inferior, pero eso realmente no me ayuda a avanzar cuando quiero mantener el contenido, solo dividir las secciones.
Para dividir las secciones en dos contenedores, necesitarías cambiar la plantilla subyacente. No creo que puedas modificar la predeterminada solo con CSS, porque:
y no hay otro contenedor en la plantilla predeterminada.
Discourse Air Theme