post

Personalizar Colunas Galeria Básica Elementor para Tablet

Publicado em: 26/04/2023

Categorias: BlogCSSElementorWordpress

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:

@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 */
  }
}

Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/2758

ID de Referência: 2758

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários