Añadir icono de Font Awesome a un enlace a través de CSS

Inicio 9 Blog 9 CSS 9 Añadir icono de Font Awesome a un enlace a través de CSS
Añadir icono de Font Awesome a un enlace a través de CSS

Para crear enlaces con una clase específica y que automáticamente por css se le añada un ícono de Font Awesome, la clave es el siguiente código CSS:

La clase CSS que en el caso del ejemplo utilizaremos para los enlaces será . more-link

/*ASIGNAR ICONO FONT AWESOME EN EL CONTENT DE CSS */

a.more-link {
min-height:40px !important;
min-width:90px !important;
height: auto !important;
width:auto !important;
display:block !important;
z-index:99999 !important;

}
a.more-link:before {
font-family: FontAwesome;
content: «\f178» !important; /* ESTE ES EL ICONO, EN ESTE CASO UNA FLECHA HACIA LA DERECHA */
color: #d65d63 !important;
font-size:25px !important;

}

Sitio Web

Autor:
Título:
Calcula los peajes y combustible de tu viaje de fácilmente

Calcula los peajes y combustible de tu viaje de fácilmente

Si eres transporta o necesitas emprender un viaje existe una aplicación web sumamente útil que nos permite calcular los costos de peajes y combustible. Para ello sólo ingresa la ciudad de orígen, la de destino, el rendimiento de tu vehículo y el valor por litro del...

¿Dónde está el combustible más económico?

¿Dónde está el combustible más económico?

El combustible cada vez está más caro es no es un misterio para nadie. En estos tiempos el disponer de una herramienta que nos permita buscar el combustible más barato y cercano a tu ubicación es una utilidad enorme. Entra a la aplicación web SISTEMA DE INFORMACIÓN EN...

Call Now Button
0
    0
    Carrito
    Su carro está vacíoRegresar a la tienda