• Wordpress
  • Problemas com ícones Elementor #367

Olá, bom dia!

Estou enfrentando problemas recorrentes com desconfiguração dos ícones em dois sites que coloquei no ar há cerca de 60 dias. São sites bem básicos, com 4 ou 5 páginas apenas.

Aparentemente, quando há uma atualização disponível para o Elementor, os ícones que ficam no Header, aparecem desconfigurados. Atualizo o Elementor, resolve por uns 2 ou 3 dias e o problema volta a acontecer, gerando um ciclo contínuo de arruma e desconfigura.

Curioso é que é um Header único para as poucas páginas do site e o “bug” não ocorre em todas as páginas, geralmente na home e contato permanecem corretas e apena as demais aparecem com os ícones desconfigurados.

Esses ícones foram criados usando o recurso “Lista de ícones”

Venho tentando resolver isso com as seguintes configurações no Elementor (sem sucesso):

1- Elementor/configurações/Avançado/Configurar suporte para o Font Awesome 4 (Sim)

2 - Elementor/configurações/Recursos/Fontes em Linha (Ativo)

O Problema: Ora abre as páginas com o ícone grandão na tela, ora o ícone some e aparece apenas uns pontinhos.

Nota: Ontem atualizei o Elementor e hoje está tudo normal, por isso no momento não consigo postar um print de tela para facilitar a compreensão do problema.

Se alguém puder me ajudar, tiver alguma dica, agradeço muito!

FABIOJOOL me parece problema relacionado a cache ou configurações de desempenho em geral. Quando notar o problema, experimente fazer a limpeza de cache do seu plugin e verificar em janela anônima, se isso der certo basta você verificar as configurações que estão afetando, como minificação e /ou atraso de entrega de CSS/JS. Pode também configurar o plugin para fazer a limpeza de cache automaticamente a cada 12h por exemplo.

Também é interessante verificar se alterar essas configurações de desempenho e de recursos em Elementor > Configurações ajuda a resolver.

Bom dia Ivan, muito obrigado pela sua atenção! Desculpe, mas como o meu conhecimento é limitado, vou tentar compreender a sua resposta parte a parte. Quando você fala em “…experimente fazer a limpeza de cache do seu plugin…” você se refere ao Elementor certo?
Como se faz a limpeza do cache do plugin?

As demais partes da sua resposta também tenho dúvidas, mas para não me alongar vou deixar para um segundo momento…

Conto com a sua paciência rsrssrs

Nota: Esse vídeo abaixo mostra o problema:

FABIOJOOL quando falo para fazer a limpeza de cache, é com relação a plugin de cache. Se estiver usando qualquer plugin de gerenciamento de cache ou de otimização de uma forma geral, sugiro que desative temporariamente para testes.

Depois você pode tentar ir em Elementor > Configurações > aba Desempenho e na opção Método de impressão do CSS coloque a opção incorporação interna. Salve as configurações e teste em janela anônima.

Boa tarde! Excelente Ivan, muito obrigado! Não, ainda não uso plugins para gerenciamento de cache, nem de otimização, estou ainda no 1º grau… Quanto a dica de impressão CSS vou alterar lá a configuração, certamente vai resolver.
Mais uma vez, muito obrigado pelo seu apoio e dedicação permanente!

Bom dia, até para dar um retorno Ivan, infelizmente essa configuração de impressão de CSS também não resolveu, permanece aquela condição anterior, ou seja, a partir do momento que o Elementor libera nova atualização, os ícones se desconfiguram em 2 das 4 páginas do site. Vou continuar pesquisando, deve haver alguma explicação… Muito obrigado novamente!

FABIOJOOL pode estar havendo conflito com plugin, tema ou código adicionado ao site, ou talvez tenha que mexer em alguma outra configuração do Elementor.

Uma pergunta relevante seria: essas páginas que estão com problemas nos ícones foram feitas usando exatamente os mesmo widgets, ou são diferentes? Se forem widgets diferentes, então a causa mais provável é que o problema seja externo ao Elementor e conflito com plugin ou tema seria mais provável.

Sim Ivan, exatamente os mesmos widgets… Lista de ícones.

FABIOJOOL consegue mandar o link do site para dar uma olhada?

[Edit] E também a lista de plugins que você tem instalado e que estão ativos?

Opa, Obrigado Ivan. São dois sites hospedados na Hostnet:
www.hpllubrificantes.com.br e www.adifer.ind.br, a base de construção é a mesma para os dois.
O caso da HPL é mais recorrente o problema, na home e no contato não perde a configuração. O problema ocorre sempre nas páginas produtos e promoções, naqueles 3 ícones de redes sociais que aparecem bem em cima, no canto direito do header (Nesse momento estão ok).

Os plugins instalados e ativos:
Contact Form 7
Elementor (free)
ElementsKit Lite
Hostnet - plano could
WP Mail SMTP
WPS Hide Login
Yoast Duplicate Post

FABIOJOOL no momento estão todos funcionando. Quando você notar o erro, por gentileza antes de tentar resolver me avise aqui para que eu possa dar uma olhada no site e tentar entender o que está acontecendo.

sim, combiando!!

FABIOJOOL acabei de verificar e realmente as configurações de layout estão quebrando. Isso tem aparência de conflito já que o problema não é generalizado mas sim em páginas específicas. É bem provável que outro plugin ou código esteja influenciando nessas páginas apenas. Faça os seguintes passos em ordem para depurar e em cada passo teste usando uma janela anônima (cada novo teste feche a anônima e abra outra). Siga para o passo seguinte apenas se o atual não resolver o problema. Essas ações não deverão causar nenhum problema no seu site e após reativar tudo como estava antes, deverá voltar ao normal, mas de qualquer forma não custa ter um backup por segurança:

  • acesse Elementor > Ferramentas e clique no botão para Gerar CSS e dados novamente. Rode um teste;
  • acesse Elementor > Configurações > aba Recursos e clique no botão desativar tudo e teste. Talvez isso dê problema no layout por conta do recurso de flexbox então vá para a etapa seguinte;
  • ainda nas opções de recursos mantenha todos os que estão listados como estáveis ativos e desative todos os instáveis;
  • desative todos os plugins exceto o Elementor e teste. Se o cabeçalho foi feito usando o Elements Kit (pelo o que eu vi ele é), você não vai conseguir ver o elemento, então mantenha ativo também o Elements Kit e mais nenhum plugin;
  • troque temporariamente para um tema padrão do Wordpress, qualquer um dos Twenty;

bom dia Ivan - Muito obrigado, ok vou tentar essas ações, uma a uma conforme você instruiu. Nos próximos dias comento aqui os resultados.

Olá Ivan, tudo certo?
Apenas atualizando o Status:
1) Realizei o passo 1 e voltou a desconfigurar.
2) Pulei o passo 2, em função do risco associado.
3) Configurei como padrão todos os itens listados como estáveis ativos, mas não entendi quais seriam os instáveis.
4) Hoje lembrei de dar uma olhada em Configurações Globais e no item Layout, as duas páginas que apresentavam problemas estavam definidas como “Tema”. Mudei para “Elementor com largura total”, desconfio estar aí o problema…
Muito obrigado!

FABIOJOOL sobre o 3) os itens instáveis são recursos que os programadores estão adicionando ao editor, mas que como ainda estão em fase de implementação podem trazer problemas e instabilidades. Lá na lista de recursos são os primeiros, os experimentos em andamento; perceba que todos eles tem status alfa ou beta e assim que os programadores finalizam os testes eles colocam mais abaixo na lista, marcando como recurso estável.

Esses recursos podem funcionar normalmente em alguns sites, mas podem também trazer problemas em outros casos. Pode ser que haja um conflito com um desses recursos no seu site, por isso recomendo manter inativo.

Sobre a configuração de layout da página (em tema ou largura total) isso não deveria ser fator para um problema dessa natureza e por isso acredito que haja alguma outra questão associada a um recurso do Elementor ou mesmo conflito, mas isso só seria possível verificar fazendo os dois últimos passos da lista.

bom dia Ivan, excelente, agradeço pelo detalhamento das explicações e paciência em me ajudar. Sim, eu acredito que quando temos um problema, precisamos ser determinados a compreender e a resolver, e que essa busca constante pela perfeição é que nos move, e representa um diferencial na área de web design (não vivo disso). Por isso, ainda tenho alguns passos pendentes dentro da sua linha de sugestões e vou tentando um a um até resolver. Quanto a configuração de layout de página, percebi inclusive que a transição de páginas do site agora está mais rápida e “suave” e mesmo com o seu comentário, continuo ainda esperançoso, com certa inclinação em considerar que o problema estava ali…
Vamos acompanhar, vou te posicionando sobre os resultados, sejam eles positivos ou negativos nas próximas postagens!
Muitíssimo Obrigado!!

4 dias depois

Bom dia Ivan! Você sabe dizer se a Hostnet passa por alguma manutenção?

  • Junior

    • Moderador
    • Franqueado Hostnet
  • Editado

FABIOJOOL não sei se é isso, mas a sua URL tem dois “L”. Tentei acessar com apenas um “L” e deu certo.

obrigado Junior, com um L é outra empresa…