Categorias: CSS

Tags: Efeitos

Alinhando Colunas Verticalmente

Escrito por Amanda de Lavra

10 de abril de 2020

Uma coisa que estou sempre precisando é alinhar as colunas no Divi verticalmente. Geralmente é para centralizar, como nessa linha de imagens de um site que fiz recentemente:

Quando é esse o caso, é só ir na linha, aba Avançado > Customize CSS > Elemento Principal e adicionar:

align-items: center;

Mas existem várias outras possibilidades, como centralizar apenas uma coluna verticalmente ou alinhar todas as colunas na parte de baixo. Para isso, tem um artigo no blog do Elegant Themes que é bem completo e que registro aqui para consultas futuras: https://www.elegantthemes.com/blog/divi-resources/how-to-vertically-align-content-in-divi.

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...

Como manter a proporção de um elemento com CSS

Como manter a proporção de um elemento com CSS

Me pediram para colocar um elemento flutuante no site com o preço de cada produto. Como os preços variam de acordo com o produto, eu não podia ajustar com padding apenas para que ficasse redondinho na proporção 1:1. Para isso, usei a propriedade do CSS aspect-ratio....