Avisos
Vaciar todo

[Resuelto] Problemas de visualización de Elementor e Wordpress  

 
Marcos
 Marcos
Nuevo usuario

Hola!

Tengo una página web en Wordpres. Utilizo mucho las plantillas de elementor.
Básicamente estoy modificando una plantilla en Elementor, pero al publicar o realizar una visualización previa, no me muestra lo que yo estaba editando.
Ya probé a borrar el caché con el plugin Magic Cache y borrar el caché del mismo elementor no se solucionó.
Por otro lado, cabe aclarar algunas cosas.
1- Utilizo Elementor y PRO Elements. Vendría a ser el Elementor pro gratuito y legal.
2- El problema comenzó cuando Elementor se actualizó, pero observo que PRO Elements no lo hizo. De hecho ni siquiera me estaba permitiendo abrir las plantillas. Por lo tanto vuelvo a la versión anterior de Elementor y le cancelo las actualizaciones automáticas. Luego de esto pude abrir las plantillas, pero me genera el problema explicado anteriormente.
3- Generalmente utilizo una PC para trabajar, pero eh probado a entrar a otra PC donde no suelo trabajar ahí. Y el problema es exactamente el mismo.
Dejo un link de la página donde se ve el error, y algunas imágenes. El error más notorio es la columna de la derecha en versión escritorio, es mucho más fina de lo que debería.

No estaría encontrando como colocar imágenes por acá mismo. Pero básicamente en el editor de elementor se visualiza correctamente, pero en la visualización previa o en la misma página al publicar, se ve mal. En el link enviado se ve claramente que la columna de la derecha está mucho más angosta de lo que debería. Y el párrafo en el centro contiene mucho espacio entre renglones. Y en la versión celular genera otras irregularidades.

Gracias y disculpen las molestias

Contenido solo visible a usuarios registrados

Respondido : 14/08/2023 7:08 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Marcos, 

Para verifica con mayor detalle lo que nos comentas puedes comprobar como se visualiza los cambios que no logras revisar, te comparto la siguiente guía donde indican como subir imágenes a consultas en foro → https://soporteforo.webempresa.eu/guia/subir-imagenes-a-consultas-en-foro/

De igual forma puedes probar regenerar los CSS de Elementor, para ello debes acceder a Elementor → Herramientas  → General y pulsar en la opción que indica Regenerar CSS y datos

image

Verifícalo y nos comentas como va todo

Un saludo 

Respondido : 14/08/2023 7:46 pm

Marcos
 Marcos
Nuevo usuario

@karen

366330266 10223239885841593 1764947991326027626 n
366330027 10223239886881619 916025173748819945 n

 Ahí te dejo el ejemplo con dos imágenes. En el editor de elementor se ve perfectamente, pero en la página tiene los errores que están marcados.
Con respecto a la opción de "Regenerar CSS y datos" Ya lo intenté y no dió resultados.
Actualmente ya se actualizaron ambos plugin, Elementor y PRO Elements. Y hubo mejora.

Respondido : 26/08/2023 7:51 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Marcos

Viendo tu estructura tal parece que es el ancho asociado a la columna donde estas colocando los elementos en la derecha y los estilos de dichos elementos que estan causando la discrepancia que notas en el editor

Puedes probar aplicando estilos CSS como los siguientes para ver si mejora

.jet-listing-grid__items {
width: fit-content !important;
}

Estos estilos puedes agregarlos desde las opciones de Apariencia-> Personalizar-> CSS agregado

image

Recuerda validar el ancho que has determinado en e contenedor que tiene estos elementos

Saludos!

Respondido : 26/08/2023 10:16 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Marcos
 Marcos
Nuevo usuario

@bruno-vichetti Muchas gracias por responder!
Te comento, Agregué el código que me indicaste al css adicional del tema. No noté ninguna diferencia. Te adjunto una imágen para que veas como lo agregué. Yo ya tenía otro código agregado por otro tema. Están bien separados?

image

 

Respondido por: @bruno-vichetti

Recuerda validar el ancho que has determinado en e contenedor que tiene estos elementos

A q te referís con esto? Te dejo otras imágenes para que veas la cofiguración de las columas. Obviamente probé a modificar un poco los tamaños, se visualizan bien en el editor pero al actualizar siguen viendose mal.

image
image

 

Respondido : 28/08/2023 10:22 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Marcos,

Evaluando e inspeccionando el codigo que contiene la seccion https://andomoto.com/mantenimientos/ajuste-cadena-transmision/ he podido ver que hay elementos en la sintaxis del HTML que estan mal colocados, en concreto me refiero a este apartado 

image

Si pruebas eliminándolo veras que se ajustan de forma correcta los contenedores

image

El origen del problema del sintaxis puede ser ya que en los titulos estas colocando etiquetas <b> sin cerrar, por ejemplo

image

Valida bien la estructura de tus elementos y nos comentas

Saludos!

Respondido : 28/08/2023 10:58 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Marcos
 Marcos
Nuevo usuario

@bruno-vichetti
 Solucionado!
Mil gracias, ese pequeño código que me indicaste estaba rompiendo el resto.
al final emprolijé el código y quedó así:

<i aria-hidden="true" class="fas fa-cog fa-sm" style="color: #FF5900"></i>
Y el título

Por ahora quedó todo perfecto. mil gracias. Lo marco como resuelto

Respondido : 30/08/2023 12:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Marcos,

Enhorabuena lograste solucionarlo, es un placer para nosotros siempre poder ayudarte.

No dudes en escribirnos si tienes cualquier otra consulta.

Un saludo

Respondido : 30/08/2023 12:40 pm
Marcos me gusta

Cursos Gratuitos WordPress