Edite o arquivo CSS do seu tema.
Pode usar algo como:
.post {
width: 33%;
float: left;
padding: 0 15px;
box-sizing: border-box;
}
Você também precisará usar Media queries para alterar essas regras em dispositivos menores.
-
Esta resposta foi modificada 8 anos atrás por
marcelo2605.
Criador do tópico
fgleite
(@fgleite)
Obrigado, pela resposta Marcelo!
Tentei mas acabou afetando os posts também. Será que preciso fazer algo a mais?
Criador do tópico
fgleite
(@fgleite)
*acabou afetando o post inteiro e não só a pre-visualização dele…
Nesse caso, tente usar uma classe que só aparece nas páginas de listagem de posts, como .archive, por exemplo:
.archive .post {
width: 33%;
float: left;
padding: 0 15px;
box-sizing: border-box;
}
Criador do tópico
fgleite
(@fgleite)
Obrigado pela resposta Marcelo! Ajudou bastante!
Algumas páginas ficaram exatamente como eu queria, mas alguns posts ainda aparecem desalinhados. Tento sempre resolver sozinho antes de importunar por aqui, mas isso ainda não consegui. Tem alguma idéia?
Segue o link: http://vejaumbomfilme.com.br/category/suspense/
Abs
Isso acontece porque a altura dos posts é diferente. Então tente o seguinte:
.archive .post {
width: 33%;
padding: 0 15px 0 22px;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
Criador do tópico
fgleite
(@fgleite)
Obrigado, Marcelo. Tentei mas aqui essa função não alterou o layout. Tentei ajustar as margens do #main mas também não funcionou..
Sabe se tem alguma outra possibilidade?
Mande um link com o CSS alterado.
Criador do tópico
fgleite
(@fgleite)
Curioso, tentei pelo inspect e não funcionou, mas agora fui alterar o CSS de fato e funcionou!
Muito obrigado por sua ajuda, Marcelo!
