Código CSS Personalizado Para Alinhar Itens do Widget “Lista de ícones” do Elementor no Mobile - Bruno Devx - BR Criativus

post #5704

Código CSS Personalizado Para Alinhar Itens do Widget “Lista de ícones” do Elementor no Mobile

Publicado em: 25/09/2024 / Atualizado em: 25/09/2024

Categorias: BlogCSSElementorWordpress

Neste post vou compartilhar um código CSS simples, para que você possa aplicar no Widget “Lista de ícones” do Elementor, para mudar o alinhamento dos itens da lista apenas na versão mobile.

@media (max-width: 767px) {
    selector .elementor-icon-list-item {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: center;
    }
    
    selector .elementor-icon-list-text {
        padding: 0 !important;
        text-align: center;
    }
}

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=5704

ID de Referência: 5704

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato