post #1839
Alinhar botão e imagem na grade de posts com Elementor
Publicado em: 15/07/2022 / Atualizado em: 15/07/2022
Para alinhar o botão no final do cartão e que a imagem de destaque (ou capa) adicionada a postagem fique alinhada na vertical com as outras, siga os passos abaixo:
1 – Adicione o bloco de posts do Elementor:
2 – Habilite a opção de “Equalização de colunas nas vertical”
3 – Clique em “Avançado”, e adicione o código CSS, como abaixo:
selector img {
object-fit: cover;
height: 260px;
}
selector .jet-posts__inner-content {
display: flex;
flex-direction: column;
}
selector .jet-more-wrap {
margin-top: auto;
}Antes:
Depois:
Todas as imagens ficaram com a mesma medida de altura, sem deformar. Além disso, os botões ficaram na mesma linha horizontalmente.
Publicações recomendadas:
Link Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=1839
ID de Referência: 1839
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.