Elementor


  • Bloqueando o scroll horizontal no Elementor com CSS

    Neste video vou ensinar a adicionar um código simples em CSS em sua página do Elementor para bloquear o scroll horizontal da página, para que quando tiver um elemento flutuante que saia da pagina do lado direito, sua página não ficar rolando para a direita. Código para copiar e colar: ... Continue a ler.

  • Alinhar Itens do Widget Menu do Elementor com CSS

    O widget WordPress menu no Elementor não tem um jeito de alinhar especificamente para um tipo de tela como os outros campos tem, por isso, só da para usar uma única especificação de alinhamento, como mostra abaixo: Nessa outra imagem abaixo, é possível ver a opção de escolher a tela, mas o atributo “alignment” acima […] ... Continue a ler.

  • [Video] Placeholder no Campo Select com Elementor

    Se você precisa criar um campo select com o formulário do Elementor, mas esta com problemas para criar uma primeira opção (placeholder) de espaço reservado para mensagem, esse video é para você: ... Continue a ler.

  • Código JavaScript para Substituir os Textos do Botão de Compartilhamento Social do Elementor

    Use o código abaixo para substituir os textos padrões gerados na hora do compartilhamento do Elementor usando o widget de Compartilhamento Social (Social Share). ... Continue a ler.

  • Adicionar “swap” em Fonte Personalizada no Elementor

    É possivel adicionar font-display: swap em fontes personalizadas no Elementor com um trecho de código PHP abaixo: Fonte: https://developers.elementor.com/docs/hooks/font-display/ ... Continue a ler.

  • Criar Slide Usando Apenas Containers no Elementor com CSS

    Estrutura de containers para utilizar o código: Depois, no containers master, aplique o seguinte código CSS: Código: O código acima vai transformar os containers em slide na versão para tablet e mobile. Se precisar, pode atualizar o código para suas necessidades. ... Continue a ler.

  • Código JavaScript para Redirecionamento de Pagina com Contagem Regressiva

    Com o código abaixo será possível redirecionar o usuário assim que a contagem finalizar, para isso, edite a variável urlRedirect com a URL que desejar e countInit com o tempo que desejar. Abaixo código editado para funcionar no editor do Elementor, para que não direcione quando estiver construindo a pagina: ... Continue a ler.

  • Script JS para Fechar Modal Elementor Após Clique no Link

    É possivel criar um menu simples usando o modal do Elementor, recomendado para usar em LPs que não precisem de menu avançado. Caso use um menu simples de lista com links para scrollar as seções, você pode usar o código abaixo para que quando o link do modal é clicando, o mesmo feche logo em […] ... Continue a ler.

  • Criar Redirecionamento Para Post que Não tem Conteúdo

    Caso queira fazer uma grade de itens com CPT (custom post type) no WordPress com Elementor e JetEngine, mas não terão pagina dedicada, segue abaixo código: No exemplo acima, criei um CPT para listar projetos, e precisei adicionar uma lógica com um botão switch para habilitar ou desabilitar a pagina dedicada do post, pois alguns […] ... Continue a ler.