Avisos
Vaciar todo

[Resuelto] Problema al mostrar algunos iconos de Font Awesome  

 
María
 María
Usuario activo

Buenos días,

Desde hace un tiempo hay varios iconos de la web que no aparecen aunque antes sí aparecían. Son de la fuente Font Awesome. Cuando inspecciono en el navegador veo que dice que la fuente es "Font Awesome 5 Free" y que font-weight: 900, cuando antes era 400. Si durante la inspección desactivo la familia de la fuente vuelve a aparecer el icono.

El caso es que mirando en los archivos veo que realmente creo que tengo instalada la versión 4.7.0 de fontawesome, pero parece que automáticamente se cambiara y me dice que tengo la versión 5. No se donde puedo modificar eso ya que tanto en el tema como en el plugin de essential-real-estate, en los css de la fuente fontawesome me dice que es la versión 4.7.0. Y no he actualizado el tema ni nada como para que se hubiera cambiado.

No tengo forma de que vuelvan a salir los iconos, ya que en los casos del icono del menú principal no me importa tanto (debería aparecer un icono delante de Mi Perfil, dentro del menú Mi Cuenta), pero cuando la persona accede a su área de cliente, al subir una propiedad no deja modificar ni borrar las fotos ya que no aparecen los iconos correspondientes. Actualicé el plugin essential-real-estate por si fuera algo de eso, pero sigue igual (aunque ahora tengo que volver a traducir ya que se ha ido la traducción al actualizar, por eso lo veréis en inglés).

¿Cómo podría solucionar esto? He intentado subir alguna captura de pantalla al foro, pero no he encontrado donde se adjuntan los archivos.

Muchas gracias por adelantado,

Un saludo.

María.

Contenido solo visible a usuarios registrados

Citar
Respondido : 05/05/2021 8:47 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Maria.

Puedes adjuntar una captura pulsando en " adjuntar archivo "

screenshot www.webempresa.com 2021.05.05 11 09 14

Adjunta una captura y así vemos a que iconos te refieres ay que ve que estan cargando:

screenshot www.dcasainmobiliaria.es 2021.05.05 11 11 43

 

Un saludo

 

ResponderCitar
Respondido : 05/05/2021 10:12 am

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

María
 María
Usuario activo

Hola,

He probado en varios navegadores entre ellos Firefox y Chrome y no me aparece la opción adjuntar archivos ni My Media . Solo aparece las opciones previsualizar, el nº de revisiones y guardar el borrador.

En el menú principal, donde no aparece es Mi Cuenta->Mi Perfil

Como decía en ese caso no me importaría que no saliera, pero donde sí es importante es que si te registras para poder subir una vivienda a la web, a la hora de adjuntar las fotos, tras subirlas no aparece junto a la imagen el icono de la basura, con lo que el cliente no puede borrar la imagen si se equivoca. Ahí si tengo el problema.

He puesto el ejemplo del menú Mi Cuenta porque es el más fácil de observar sin tener que registrarse. También pasa en Información -> Consejos

Subiría una captura para mostrarlo, pero no se por qué no me aparece en el foro la opción de adjuntar.

Gracias,

Saludos.

María.

 

 

ResponderCitar
Respondido : 05/05/2021 10:29 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Maria.

Al cambiar la version de Font Awesome, la codificación de los iconos tambien cambia, lo mas seguro que sea por una actualización de tu plantilla.

En este enlace tienes una lista de Iconos.

-> https://fontawesome.com/icons?d=gallery&p=9&m=free

Por ejemplo para mi cuenta del del menu puedes utilizar lo siguiente:

.fa-product-hunt:before {
content: "\f007";
}

Puedes añadirlo en apariencia -> personalizar -> CSS adicional.

Por favor crea un usuario solo paar el front de la web ( No administrador y revisaremos lo que nos comentas a la hora de subir un inmueble.

 

Un saludo

ResponderCitar
Respondido : 05/05/2021 11:46 am

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

María
 María
Usuario activo

Hola, muchas gracias por tu respuesta.

He creado un usuario de pruebas por si quieres echarle un vistazo. Los datos de acceso son:

Nombre de usuario:pruebas
Password: FHh62fVD7SvB

Si accedes a publicar nueva propiedad, después en mostrar todo si sigues bajando verás que hay una sección para subir fotos. Cuando las subes, bajo la foto debería aparecer una estrella y el cubo de basura. El problema principal es que no aparece el cubo, con lo cual no se puede borrar la foto. Además, hay otros iconos en la página que no se muestran pero son menos importantes.

Verás que está en inglés, al actualizar se me ha ido toda la traducción y estoy ahora en ello volviendo a traducir todo.

Te agradecería mucho si pudieras orientarme un poco para solucionar esto ya que mis conocimientos son algo limitados.

Muchas gracias,

Un saludo.

María.

ResponderCitar
Respondido : 05/05/2021 11:59 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria,

Entiendo, en este caso como comenta Pepe al ser una nueva versión de Font Awesome se modificar el código de su codificación y por ello no se muestra, para solucionar prueba añadir el CSS para cada uno de estos iconos que no se visualizan de forma correcta, por ejemplo prueba el siguiente

.fa-trash-o::before {
content: "\f2ed";
}

.fa-cloud-upload::before {
content: "\f382";
}

.fa-sign-out::before {
content: "\f2f5";
}

.fa-file-o::before {
content: "\f15c";
}

.fa-commenting-o::before {
content: "\f2b5";
}

.fa-commenting-o::before {
content: "\f2b5";
}

Si deseas modificar el icono de alguno de ellos puedes buscarlo directamente en la pagina de font awesome -> Contenido solo visible a usuarios registrados

Verifica si con estos se muestran todos los iconos que falta

Un Saludo

ResponderCitar
Respondido : 05/05/2021 12:31 pm

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

María
 María
Usuario activo

Hola,

¡Muchísimas gracias por todo!. He añadido ese código y funciona.

Solo faltaba un icono, es el de la estrella bajo las imágenes. En la primera imagen que subes sale rellena que sí aparece (solid) y las demás deberían salir sin rellenar (regular). Estas últimas no aparecen. Sirve para que el cliente elija la imagen destacada del anuncio. He intentado añadir el código:

.fa-star-o::before {
content: "\f005";
}

Pero no me funciona. Ahora aparecen las estrellas rellenas (solid) en todas las fotos. En el enlace que me has enviado he visto que ambas son f005 pero una es solid y la otra regular. ¿Cómo debería ponerlo para que aparecieran correctamente?

Muchas gracias por todo.

un saludo.

María.

Esta publicación ha sido modificada el hace 6 meses por María
ResponderCitar
Respondido : 05/05/2021 1:00 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria,

En este caso esto es porque el icono de la estrella en font awesome es el mismo solo cambia la clase, al estar usando la clase .fa-star-o este asigna la estrella con el relleno y por ello se muestra, en este caso no se puede modificar con CSS si no cambiando el código ya que asigna la misma

Una opción que puedes intentar es modificar el color de relleno para diferencias una de otras, para ello debes usar por ejemplo el siguiente codigo

.fa-star-o::before {
content: "\f005";
color: #f7dc4c;
}

Puedes cambiar el código del color por que el que deseas

Un Saludo

ResponderCitar
Respondido : 05/05/2021 1:18 pm

Cursos Gratuitos WordPress

María
 María
Usuario activo

Muchas gracias por vuestra ayuda. Ya parece que funciona todo bien.

Un saludo.

María.

ResponderCitar
Respondido : 05/05/2021 3:27 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola María,

Gracias a ti, siempre encantados en poder ayudarte

Nos pone muy contentos que nuestros clientes estén felices con nuestro trabajo. 😀 

¿Te importaría dedicarle un minuto a dejarnos una reseña / opinión en TrustPilo?

TrustPilot:  https://es.trustpilot.com/evaluate/webempresa.com Facebook: https://www.webempresa.com/testimonio-facebook

Nos ayudaría a que otr@s usuarios se decidan por nosotr@s si saben lo que nos decís.

Gracias de parte de todo el equipo.

Un Saludo 🤗 

ResponderCitar
Respondido : 05/05/2021 3:30 pm

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