0Logo WordpressCentralize verticalmente as imagens na galeria padrão do wordpress

I could­n’t believe a google search did­n’t already turn up the answer for this — it’s crazy that you can­’t just ver­tic­ally-cen­ter the images in a word­press simple image gal­lery. After much faff­ing with CSS Eu encontrei uma resposta simples

By default word­press image gal­lerys are giv­en a class ‘gal­lery’ and all that was needed was to apply some flexbox CSS to this gal­lery. For older browsers that don’t sup­port flexbox they will just fall back to the non ver­tic­ally centered gal­lery which isn’t the end of the world.

.galeria
{
display: flex;
flex-flow: embrulho;
alinhar-itens: centro;
}

E é isso! It works with cap­tions both on and off and does­n’t care how many columns or rows there are in your gallery.

Achou útil? Informe-nos deixando um comentário abaixo. Se você deseja se inscrever, use o link de inscrição no menu no canto superior direito. Você também pode compartilhar isso com seus amigos usando os links sociais abaixo. Felicidades.

Deixe uma resposta