[Soluções] Tamanho ícone em botões
[Soluções] Tamanho ícone em botões Adicione um Widget de botão no Elementor Não precisa definir classe Defina um ícone (como nesse exemplo usei uma arrow right) Cole esse código no botão (Avançado/Custom CSS) Código CSS Copiar Código selector .elementor-button-icon { font-size: 55px; /* aumente por aqui o tamanho do ícone */ color: inherit; } selector .elementor-button-text { margin: auto; } Como descrito no código, você poderá alterar o valor ali (55px) para o tamanho que quiser do Ícone.
[Soluções] Scroll barra personalizado
[Soluções] Scroll barra personalizado Aplique esse código CSS diretamente nas configurações da Página Código CSS Copiar Código body::-webkit-scrollbar { width: 12px; /* largura total da barra de rolagem */ } body::-webkit-scrollbar-track { background: #090909; /* cor do trilho (fundo da barra) */ } body::-webkit-scrollbar-thumb { background-image: linear-gradient(0deg, #FAFAFA, #00FF73); /* cor/gradiente da barrinha */ border-radius: 20px; /* arredondamento da barrinha */ border: 3px solid #090909; /* cria um “espaço” entre a barrinha e o trilho */ }
[Soluções] Tirar bg do HTML
[Soluções] Tirar bg do HTML Aplique esse CSS Dentro do Widget de HTML para tirar aquela cor cinza do BG Do Widget Código CSS Copiar Código .elementor-widget-html{ background: transparent !important }
[Soluções] Scroll Horizontal
[Soluções] Scroll Horizontal Esse código é para solucionar aquele espaçamento Chato que o Elementor gera nos Widget de Editor de Texto Basta colocar esse código no CSS em um único widget ou da página (não precisa estar em todos) Código CSS Copiar Código html, body{ overflow-x: hidden !important; }
[Soluções] Correção espaçamento Widget Texto
[Soluções] Correção espaçamento Widget Texto Esse código é para solucionar aquele espaçamento Chato que o Elementor gera nos Widget de Editor de Texto Basta colocar esse código no CSS em um único widget ou da página (não precisa estar em todos) Código CSS Copiar Código p:last-child{ margin-bottom:0px; } .elementor-widget-text-editor p:last-child{ margin-bottom:0px; margin-top:0px; }