Avisos
Vaciar todo

Iconos Font awesome encogen al crear enlace

10 Respuestas
3 Usuarios
0 Reactions
72 Visitas
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas,

Los iconos de Font awesome me encogen cuando les meto el enlace a las redes sociales.

El codigo que meto es el siguiente:

tienen un tamaño de 5x y al meterle el enlace encogen muchisimo

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 19/07/2019 11:32 pm
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Carlos,

Por favor, es necesario que deshabilites el modo mantenimiento e insertes el código que nos compartes para poder hacer las modificaciones necesarias.

Gracias, saludos.


 
Respondido : 20/07/2019 12:20 am
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

perdona Bulmaro,

ya esta deshabilitado.


 
Respondido : 20/07/2019 12:37 am
Bulmaro
Respuestas: 4380
Soporte CMS Webempresa
 

Hola Carlos,

Prueba con lo siguiente:

Las unidades de medida rem tienden a usarse junto con em y resultan un poco mas complejas de utilizar en un inicio --> https://cybmeta.com/em-y-rem.

Anexo. Confundí lo del 5x y las unidades rem que estaban definidas en el primer elemento div Carlos. Aunque el código que te proporcioné funcionó seguramente no te quedó claro a que me refería con em y rem.

Entiendo que te refieres a esto:

Según la documentación oficial de font-awesome -> https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons la primer clase del elemento i es fas en lugar de fab, como lo pusimos nosotros.

Valdría la pena que probaras entonces con el siguiente código:

Saludos.


 
Respondido : 20/07/2019 1:22 am
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas Bulmaro,

Esta perfecto con la primera opción que me enviaste, funciona, el único problema es que en la página de BLOG no se ven aparecen unos cuadraditos en su lugar, al principio no se veian en ninguna página y Jhon con el siguiente código me lo solucionó:

.fab {
font-family: "Font Awesome 5 Brands" !important;

El problema es que en la página del BLOG no aparecen.

Un saludo


 
Respondido : 20/07/2019 8:45 am
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Es como si el archivo o librería que usas de fontawesome se cargara sólo al inicio.
Cómo estas cargando la fuente?, prueba deshacer los cambios y prueba cargar fontawesome como se indica en: https://decodecms.com/insertar-font-awesome-en-wordpress/

Saludos.


 
Respondido : 20/07/2019 2:59 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Buenas jhon, he intentado hacerlo como en el video he copiado el codifgo pero no me funciona, por otro lado me he descargado el plugin better font awesome (aunque preferia hacerlo sin el) y no me carga en el blog, creo que es porque elementor en el blog no me carga y por eso en el resto de paginas si funciona y en el blog no.

pero ni si quiera se me carga con el plugin.

Un saludo


 
Respondido : 20/07/2019 5:29 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Cómo agregas el código que carga fontawesome, si usas Elementor para esto lógicamente sólo cargará en las páginas con Elementor, mejor usar el functions.php de tu theme o child theme

Saludos.


 
Respondido : 20/07/2019 7:34 pm
Carlos
Respuestas: 482
Reputable Member
Topic starter
 

Ya lo he solucionado solo tenia que meter el codigo:

add_action( 'wp_enqueue_scripts', 'enqueue_load_fa' );
function enqueue_load_fa() {
wp_enqueue_style( 'load-fa', 'https://use.fontawesome.com/releases/v5.3.1/css/all.css' );
}

Mediante FTP, no me daba cuenta que al meterlo por el editor de wordpress no se me guardaba.

Un saludo.


 
Respondido : 20/07/2019 7:56 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

Hola

Si, ok, el editor WordPress es muy restrictivo, mejor hacerlo como comentas, directamente en el archivo con otro método ya sea por FTP o con el Administrador de Archivos de tu cuenta de hosting.

Saludos.


 
Respondido : 21/07/2019 4:11 pm