Elementor


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

  • Obter conteúdo de outro site com PHP no WordPress usando file_get_contents()

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

  • Adicionando valor variável dinamicamente no input do formulário popup do Elementor

    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.

  • Removendo linhas de campos vazio do e-mail via formulário Elementor

    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.

  • Alinhando texto flutuante no centro de imagem de fundo no Elementor

    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.

  • Alinhar botão e imagem na grade de posts com Elementor

    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.

  • Código PHP para obter thumbnail dos vídeos do Vimeo no WordPress

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

  • Flexibilizar (flex) colunas no Elementor de forma automática com CSS

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

  • Tabs personalizadas com JetPlugin e CSS

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

  • Input File personalizado com CSS e JS no Elementor

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