post #2758
Personalizar Colunas Galeria Básica Elementor para Tablet
Publicado em: 26/04/2023 / Atualizado em: 22/05/2025
Caso esteja desenvolvendo um projeto e precise usar o widget de galeria básica do Elementor, e precise customizar a grade de colunas da visualização no tablet para menos colunas e não consegue fazer isso pelo editor visual do Elementor, você pode adicionar este código CSS personalizado:
/* Alinhar as imagens ao centro */
selector .elementor-image-gallery .gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
selector .elementor-image-gallery .gallery-item {
max-width: 25% !important; /* 25% representa uma grade com 4 colunas */
}
}
@media screen and (max-width: 767px) {
selector .elementor-image-gallery .gallery-item {
max-width: 50% !important; /* 50% representa uma grade com 2 colunas */
}
}
/* Forçar remoção do caption da galeria */
.gallery-caption {
display: none;
}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=2758
ID de Referência: 2758
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.