Avisos
Vaciar todo

Iconos Font awesome encogen al crear enlace  

 
Carlos
 Carlos
Reputable Member

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

Citar
Respondido : 20/07/2019 12:32 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 20/07/2019 1:20 am

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

Carlos
 Carlos
Reputable Member

perdona Bulmaro,

ya esta deshabilitado.

ResponderCitar
Respondido : 20/07/2019 1:37 am
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 20/07/2019 2:22 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 20/07/2019 9:45 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 20/07/2019 3:59 pm

Carlos
 Carlos
Reputable Member

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

ResponderCitar
Respondido : 20/07/2019 6:29 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 20/07/2019 8:34 pm

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

Carlos
 Carlos
Reputable Member

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.

ResponderCitar
Respondido : 20/07/2019 8:56 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 21/07/2019 5:11 pm

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