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.

É possível obter paginas inteiras com o PHP usando a função file_get_contents() Porem, deve ficar atento ao site ou pagina que você obtém com esse código, pois ele vai carregar tudo do outro site. Além disso, alguns elementos podem vir desconfigurados, dependendo da politica CORS do site. 1° Instale o plugin WPCode 2° Clique em […] ... Continue a ler.

Nesse pequeno artigo, quero mostrar como adicionar dinamicamente um valor em um campo de texto (input text) usando o formulário e popup nativos do Elementor. Nesse tutorial, estou simulando uma situação onde o site tem uma pagina com alguns recursos/mídias para download, mas quer que o usuário deixe seu nome e e-mail antes de receber […] ... Continue a ler.

Em muitos casos, você pode ter um formulário do Elementor, com muitos campos, porem, alguns são campos opcionais, e quando o cliente não preenche, o Elementor envia a mensagem para seu e-mail com a label (rótulo) mesmo assim, e com o valor vazio, como exemplo abaixo: No exemplo acima, os campos “telefone” e “mensagem” são […] ... Continue a ler.

Caso você precise centralizar um texto, em uma imagem de fundo, atingindo um resultado como esse da imagem abaixo: É muito simples. Este artigo mostra como fazer isso no Elementor, mas pode ser adaptado para trabalhar com qualquer site HTML, que seja possível adicionar CSS personalizado. A única coisa que o Elementor vai fazer, é […] ... Continue a ler.

Para alinhar o botão no final do cartão e que a imagem de destaque (ou capa) adicionada a postagem fique alinhada na vertical com as outras, siga os passos abaixo: 1 – Adicione o bloco de posts do Elementor: 2 – Habilite a opção de “Equalização de colunas nas vertical” 3 – Clique em “Avançado”, […] ... Continue a ler.

É possível usar a API do vimeo para obter a thumbnail (Imagem de destaque, capa ou miniatura) do seu vídeo que esta hospedado por lá, usando apenas um pouco de PHP. O código abaixo esta desenhado para obter facilmente a thumbnail de qualquer vídeo, e pode ser usado em qualquer projeto, mesmo que seu site […] ... Continue a ler.

É possível fazer com que as colunas do Elementor sejam flexibilizadas de maneira automática. Infelizmente, até o momento, não é possível direto pelo editor, porem, é possível via CSS. Segue exemplo de código abaixo: Exemplo baseado no vídeo: https://www.youtube.com/watch?v=eiACQ-AIzqw OBS: Fique atendo as versões do Elementor, por conta das class elementor-container e elementor-column, para saber […] ... Continue a ler.

É possível personalizar o widget Tabs do Jetplugins para deixar mais atrativo. Neste exemplo, vamos deixar todos os blocos na horizontal, e que seja possível rolar para a horizontal em dispositivos mobile. Adicione o código abaixo na seção CSS personalizado, no Elementor pro. Resultado: Veja seu funcionamento clicando aqui. ... Continue a ler.

É possível customizar o input file (campo de arquivo) do formulário no Elementor (ou em qualquer formulário HTML) apenas com CSS, e caso queira, você pode aplicar um pouco de Javascript para dar uma animação a mais. Este tutorial esta para o formulário do Elementor, mas você pode adaptar para qualquer estrutura HTML, ok. Abaixo, […] ... Continue a ler.