Como faço para tornar a lista de tópicos mais compacta?

Suporte
1

jjjj
jjjj1846×855 91.2 KB

Há muito espaço em branco. (Não se preocupe, editarei a cor da linha divisória).

Vi alguns outros tópicos de tipo 2017 onde eles estavam editando com CSS, mas parece que esse CSS não funciona mais.

2

Tente isto como base.

6 curtidas
3

Nossa, isso parece incrível

4

Aqui está algum CSS para isso… (me avise se funcionar!)

.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 curtidas
5

Muito obrigado, ficou incrível! Exatamente o que eu estava procurando.

Você por acaso saberia como deixar as postagens individuais mais compactas também?

2 curtidas
6

Ótimo!

Como exatamente você quer que os posts individuais se pareçam?

1 curtida
7

ggggg
ggggg1585×1027 136 KB

Como elimino o espaço em branco? Gosto da aparência densa e compacta que você forneceu anteriormente.

8

Quais são os espaços em branco que você quer reduzir?

Você pode desenhar setas e escrever nos espaços para me mostrar, ou uma imagem de antes e depois.

Também um link para a página ativa, se possível.

9

Você pode fornecer uma imagem de “depois” para ver as alterações de CSS nas listagens de tópicos?

1 curtida
10

imageedit_7_5002977264
imageedit_7_50029772641000×648 61.6 KB

Como me livrar desse espaço em branco?

2 curtidas
11

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

2 curtidas
12

Isso deve cobrir o que você destacou. Sinta-se à vontade para ajustar com base no 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 curtidas
13

Obrigado.

3 curtidas
14

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