Avisos
Vaciar todo

[Resuelto] No visualización de algunos iconos elementor  

 
David
 David
Usuario activo

Tengo un problema con algunos iconos de elementor, no se visualizan. Además he subido iconos personalizados y no me aparacen en la carpeta.

Contenido solo visible a usuarios registrados

Respondido : 09/06/2022 10:27 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Por favor adjunta una captura de los iconos que no se muestran paar que podamos revisarlo.

he subido iconos personalizados y no me aparacen en la carpeta.

Puedes explicarnos un poco mas como lo subiste y si puedes una captura de como intentas añadirlos ?

 

Contar con toda la información que nos puedas aportar nos ayudara a identificar más rápido el problema.

 

Un saludo

Respondido : 09/06/2022 11:13 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

David
 David
Usuario activo

@pepesoler adjunto captura https://www.loom.com/share/4908dfe14b8e4f619df6231ed64da666

Respondido : 09/06/2022 11:34 am
David
 David
Usuario activo

@pepesoler También me pasa cuando pongo el icono en el menú aunque no se vea se desplaza las palabras del menu y no puedo alinearlos. 

Respondido : 09/06/2022 11:43 am

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David, 

En este caso prueba lo siguiente, ingresa al apartado de Elementor -> Ajustes -> Avanzado y activa la opción que indica Cargar compatibilidad con Font Awesome 4, ten en cuenta borra la caché del sitio web y revisa si los iconos se muestran de forma correcta

image

Revisa esto y nos comenta como ha ido todo

Un Saludo 

Respondido : 09/06/2022 1:16 pm
David
 David
Usuario activo

@karen Hola, también lo he probado y sigue sin visualizarse.

Respondido : 09/06/2022 2:42 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David, 

¿En este caso ingresando a tu sitio web veo que se visualizan los iconos, has logrado solucionarlo?

image

Un Saludo

Respondido : 09/06/2022 3:24 pm
David
 David
Usuario activo

@karen Hola, los que vienen por defecto en Elementor siguen sin verse. Ahora lo que he podido subir uno personalizado, este si que se ve.

Sin embargo, lo que pasa que cuando le pongo el icono se amplia el espacio entre palabras, me gustaría que estuviesen el mismo espacio entre todas. Me podrías ayudar.

Respondido : 09/06/2022 3:30 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David, 

En este caso veo que las flechas añaden un padding adicional en los elementos del menú, puedes probar removerlo añadiendo el siguiente código CSS, en el apartado de Avanzado -> CSS personalizado

.elementor-nav-menu .sub-arrow {
padding: 0px!important;
}

Una opción que puedes probar antes de añadir el CSS es primero usar el icono por defecto de Elementor, luego de ello ve a  Elementor -> Ajustes -> Experimentos y revisa activar Fuentes de iconos integradas por "defecto", guarda los cambios y borra la caché de tu sitio web.

image

Comprueba si con ello los iconos se muestran de forma correcta

Un Saludo 

 
Respondido : 09/06/2022 3:58 pm
David
 David
Usuario activo

@karen Hola

He realizado lo que has comentado. Lo único que se ha notado algo el cambio ha sido con el código CSS. Pero muy poco, aún se ve espacio te mando captura.

Te mando también captura de las medidas de cada elemento.

 

1
3
2
Respondido : 09/06/2022 5:00 pm

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

David
 David
Usuario activo

@karen 

 

Hola, creo que lo he conseguido jugando con el tamaño de la tipografía.

 

Muchas gracias @Karen.

Respondido : 09/06/2022 5:25 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David, 

Donde has añadido el código?, puedes enviarnos una captura en que sección lo añadiste, ten en cuenta que si tienes Elementor pro puedes añadirlo directamente al elemento desde las opciones avanzadas

image

Lo que veo es que también se está añadiendo un paggin-top y padding-bottom a los elementos a del submenú y esto puede crear un espacio adicional

image

Para intentar solucionarlos revisa el espaciado que le añades a los elementos del menú o prueba con el siguiente código CSS, ten en cuenta que debes ir jugando con los valores hasta que logres tener el espacio que deseas

.elementor-nav-menu .sub-arrow {
padding: 0px!important;
line-height: 0;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-2526 a {
padding-top: 0px;
padding-bottom: 0px;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-2527 a {
padding-top: 0px;
padding-bottom: 0px;
}

Un Saludo 

Respondido : 09/06/2022 5:37 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

David
 David
Usuario activo

@karen

Si lo añado desde opciones avanzadas. He ido jugando y creo que ahora si.

 

1

 

Respondido : 09/06/2022 5:49 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David, 

Genial, enhorabuena lograste modificar lo que necesitabas, es un placer siempre poder ayudarte

Escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

Respondido : 09/06/2022 5:56 pm

David
 David
Usuario activo

@karen Muchas gracias!!

Respondido : 09/06/2022 6:10 pm