Cambiar iconos de r...
 
Avisos
Vaciar todo

Cambiar iconos de redes sociales plantilla Zenith 2

4 Respuestas
2 Usuarios
0 Reactions
1,225 Visitas
Jorge
Respuestas: 478
Reputable Member
Topic starter
 

Hola.

Quiero cambiar los iconos de las redes sociales en el footer de la plantilla Zenith 2 (www.siluetayalma.com) por unos más personalizados (adjunto un ejemplo), pero no se como hacerlo.

Vi el video y no indica la manera. Solo dice como modificar los links de esos iconos.

También intenté con Firebug pero no identifico la ruta. En el gestor de plantilla tampoco pude y busqué los iconos en el Gestor Multimedia para ver si podía suplantarlas y no las encontré.

Adjunto capturas.

Ayuda por favor.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 24/09/2015 5:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El problema es qeu los iconos que tienes son un tipo de letra y no una imagen, por lo que los más práctico sería que trabajes directamente sobre los iconos dados cambiandolos de color

Puedes evaluar este código :

.social-icons li a{
background:#FF00BF;
}

.social-icons i{
color:white;
}

Otra opción sería esta

.social-icons i{
color:#FF00BF;
}

Puedes poner cualquiera de los dos códigos en algún archivo CSS de tu template, por ejemplo al final del archivo :

/templates/tx_zenith_ii/css/styles/default.css

Saludos.


 
Respondido : 24/09/2015 5:46 pm
Jorge
Respuestas: 478
Reputable Member
Topic starter
 

Muchas gracias Jhon. Pero entonces cómo puedo cambiar el icono de LinkedIn por el de Instagram???

O mejor aún: ¿estás de acuerdo con que inactive ese widget a través del gestor de plantilla y cree un HTML personalizado con mis cuatro iconos en la misma posición???

Estaré atento.

Jorge


 
Respondido : 24/09/2015 6:33 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Dentro de la fuente que se carga veo que si tienes instagram
Si quieres cambair el icono de linkedin por el de instagram ,tienes que poner el siguiente código CSS

.icon-linkedin:before {
  content: "f16d";
}

Igual al final del archivo :
/templates/tx_zenith_ii/css/styles/default.css

Saludos.


 
Respondido : 24/09/2015 7:11 pm