(+569) 9728 5898 hola@ricardoavalos.com

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:
[simple-author-box]
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...

es_ESEspañol