Suporte » Plugins » Elementor quebra código html.

  • Estou desenvolvendo um site com elementor, na página inicial do site insiro um código “html” criado por mim.
    Mas o elementor não “constrói” os elementos html corretamente. Como posso resolver isso?

    Quando testo em outros builders cria correto mas no elementor não, e o site já está todo feito no elementor.

    Este é o link da página usando o elementor:
    pluripublicidade.com.br/atrasorb/home-suporte/

    e este é o link da página sem usar elementor, usando o editor wordpress padrão:
    pluripublicidade.com.br/atrasorb/

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • saudações,

    não vejo visualmente nenhuma diferença entre as duas páginas, com exceção dos ícones de pesquisa no cabeçalho e voltar ao topo no rodapé, que não aparecem na versão do Elementor e aparece a lupa de pesquisa na versão sem o Elementor.

    se o problema são os ícones, sugiro primeiramente que vá em Elementor > Configurações > aba Avançado > e em “Carregar suporte para Font Awesome 4”, mude para Sim. isso é necessário se seu HTML ou serviços estão puxando os ícones da biblioteca do Font Awesome 4, o que infelizmente ainda ocorre.

    no mais, o Elementor tem uns bugs com ícones. por vezes, para o ícone aparecer, precisa entrar na página via Editor do Elementor e selecionar a seção onde está o ícone. ai é como se ele recarregasse o ícone e resolve. não tenho a menor ideia do porquê disso, sou designer, não sou programador, então, parafraseando o Auto da Compadecida, “só sei que é assim…” 😀

    espero ter ajudado. se não, por favor tente explicar melhor o que é esse HTML.

    sucesso! [gassho]

    Criador do tópico RJacques

    (@rjacques)

    Olá, então obrigado pela atenção,
    então o problema está no “slider” com as imagens, se for no link pluripublicidade.com.br/atrasorb/home-suporte/ que é quando faço a página no Elementor, as imagens ficam fora de posição.

    bem, vendo o código-fonte das 2 urls que informou, vi que está usando o tema Avas, da ThemeForest. e na descrição do tema, realmente aponta a compatibilidade com o Elementor.

    Mas… se acessar o código-fonte de sua URL com problema, feita com Elementor, verá que nas linhas 46, 101 e 471 há referência ao Visual Composer Page Builder. me questiono se não há um conflito pelo uso de 2 page builders no mesmo site.

    além disso, na linha 190 da url com problema, há referência a elementos que não são do Elementor. então não consigo entender como você está construindo esse design, que elementos externos está usando.

    mas se está dando certo com a outra URL, sem o Elementor, eu indicaria mantê-la como a página para os vídeos e em outras páginas usar o Elementor. isso, claro, com a pouco visão que tenho de fora.

    no mais, um problema que precisa ficar atento é que sua solução não é responsiva. se você “estreitar” o seu navegador, verá que sua solução desaparece quando chega no ponto de quebra para mobile. ai seu site fica todo em branco. então é mais uma questão para solução.

    sucesso! [gassho]

    Criador do tópico RJacques

    (@rjacques)

    @ralden

    então, sobre as referencias do visual composer, é que acabei instalando outros builders para testar se o problema era só no elementor ou em todos, e realmente o problema só ocorre no elementor.

    Sobre o código eu fiz ele fora do wordpress, html css e js e inseri manualmente no WP, quando faço isso no editor padrão do WP ele funciona perfeitamente, se eu vou em Editar com o Elementor e insiro o código no elementor e publico ele da essa quebrada no visual.

    Sobre o responsivo é que eu desabilitei esse código no mobile pois será em outro formato.

    Sobre deixar essa página sem o elementor, não teria problemas, porém o modo responsivo preciso fazer no elementor pelo fato de quando for preciso alterar for mais fácil para o cliente.

    desde já agradeço

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Elementor quebra código html.’ está fechado para novas respostas.