Categorias: CSS

Tags: Elementor

Como alinhar ícones verticalmente com o módulo de Lista de Ícones no Elementor

Escrito por Amanda de Lavra

24 de setembro de 2022
O módulo Lista de Ícones do Elementor, por padrão, alinha o ícone verticalmente no meio do elemento. Para que o ícone fique alinhado no topo, é preciso acrescentar um pouco de CSS que eu encontrei em https://playground.manuelwill.com/how-to-align-icons-vertically-with-the-elementor-icon-list-widget/.
/*Alinhar ícones verticalmente no módulo Lista de Ícones*/ 
.elementor-widget .elementor-icon-list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

selector .elementor-icon-list-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-self:baseline;
    margin-top:4px;
}

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....