CSS
Esconder ícone rede social que não tem link no JetEngine e Elementor
É possível configurar um “options page” no jetengine para adicionar links aos ícones de rede social do Elementor. Para isso, criei um pagina de opções como abaixo: Onde é possível adicionar o link de cada rede social pré-configurada. Depois é só adicionar o widget “ícones sociais” na sua pagina, e usar a opção “tags dinâmicas” […] ... Continue a ler.
CSS + JS para auxiliar sites WordPress com Elementor
BONUS: Caso queira trocar o logo da pagina de login padrão do WordPress, segue script adicional: Adicionar logo personalizado na pagina de login do WordPress ... Continue a ler.
Scroll horizontal (snap) CSS com posts do Elementor WordPress
Use o widget de posts padrão do Elementor e aplique o código abaixo no CSS personalizado do widget: ... Continue a ler.
Espaçamento entre colunas no Elementor com CSS
É possível aplicar algumas linhas de CSS personalizado no Elementor, para que ele separe as colunas com espaçamentos iguais, assim, deixando as colunas com a mesma largura exatamente. Neste exemplo, quero que as colunas tenham 20px de espaçamento. Como mostra abaixo: Este seria o resultado: ... Continue a ler.
Mudando ordem das DIVs apenas com CSS
É possível trocar a ordem de apresentação de qualquer estrutura HTML como DIVs, Sections e etc, apenas com a função display flex e flex-direction CSS. Veja abaixo um exemplo: Mais informações: https://developer.mozilla.org/en-US/docs/Web/CSS/order ... Continue a ler.
Como fazer carrossel de imagens com rolagem infinita suave sem pausa no Wodpress com Elementor
É possível criar um carrossel de imagens, onde elas fiquem rolando na horizontal infinitamente de forma suave e sem pausa. Para isso, primeiro vamos adicionar o widget carrossel do Elementor me nossa pagina, como na imagem abaixo: Depois, na seção “Mais opções”, deixe configurado como mostra a imagem abaixo: Depois, na aba “Avançado”, vá até […] ... Continue a ler.
Resolver problema Hamburger Menu JetPlugin com Sticky Header Effects for Elementor
Para resolver o problema do menu mobile do jetmenu, use o código abaixo no CSS personalizado: Antes: Depois: Dica bônus Também é possível usar o código abaixo para deixar a fonte do menu em outra cor, quando o header fixar ao rolar com o plugin Sticky Header Effects for Elementor ... Continue a ler.