¿Cómo hago que la lista de temas sea más compacta?

Soporte
1

jjjj
jjjj1846×855 91.2 KB

Hay demasiado espacio en blanco. (No te preocupes, editaré el color de la línea divisoria).

Vi otros hilos de alrededor de 2017 donde lo editaban con CSS, pero parece que ese CSS ya no funciona.

2

Pruébalo como base.

6 Me gusta
3

Oh, eso se ve increíble

4

Aquí tienes algo de CSS para eso… (¡avísame si funciona!)

.topic-list .topic-list-data {
    padding: .1em .5em 0 !important;
    line-height: normal !important;
}

.topic-list-main-link,
.latest-topic-list-item .main-link,
.topic-list .main-link {
    font-size: var(--font-0) !important;
}

.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
    padding: 0 !important;
}

.topic-list .num.posts a,
.topic-list .num .badge-posts {
    padding: 0 !important;
}

.topic-list .link-bottom-line {
    display: inline !important;
}

.topic-list .excerpt {
    margin: 0 !important;
    line-height: normal !important;
}

.topic-list .posters {
    width: auto !important;
    max-width: 146px !important;
}
3 Me gusta
5

Muchas gracias, ¡se ve increíble! Exactamente lo que estaba buscando.

¿Sabrías cómo hacer que las publicaciones individuales sean más compactas también?

2 Me gusta
6

¡Genial!

¿Cómo quieres que se vean exactamente las publicaciones individuales?

1 me gusta
7

ggggg
ggggg1585×1027 136 KB

¿Cómo elimino el espacio en blanco? Me gusta el aspecto denso y compacto que proporcionaste anteriormente.

8

¿Cuáles son los espacios en blanco que quieres reducir?

Podrías dibujar flechas y escribir en los espacios para mostrarme, o una imagen de antes y después.

También un enlace a la página en vivo si es posible.

9

¿Puedes proporcionar una imagen posterior para ver los cambios de CSS en las listas de temas?

1 me gusta
10

imageedit_7_5002977264
imageedit_7_50029772641000×648 61.6 KB

¿Cómo elimino este espacio en blanco?

2 Me gusta
11

Screenshot at 2025-01-26 22-06-18
Screenshot at 2025-01-26 22-06-181825×469 103 KB

2 Me gusta
12

Esto debería cubrir lo que resaltaste. Siéntete libre de ajustar según el valor original.

.topic-post {
  .topic-body {
   padding-top: 0;  /* 0.8em */
  }
  
  .cooked {
     padding-bottom: 0;  /* 1em */
  }
  
  .post-menu-area {
    margin-top: 0; /* 20px */
    margin-bottom: 0; /* 20px */
  }
}
3 Me gusta
13

Gracias.

3 Me gusta
14

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.