Suporte » Ajustando o WordPress » Exibir posts lado a lado

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • 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 3 anos, 6 meses atrás por marcelo2605.

    Obrigado, pela resposta Marcelo!
    Tentei mas acabou afetando os posts também. Será que preciso fazer algo a mais?

    *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;
    }

    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;
    }

    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.

    Curioso, tentei pelo inspect e não funcionou, mas agora fui alterar o CSS de fato e funcionou!
    Muito obrigado por sua ajuda, Marcelo!

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • O tópico ‘Exibir posts lado a lado’ está fechado para novas respostas.