Avisos
Vaciar todo

cambiar iconos de titania  

 
Noe
 Noe
Estimable Member

Buen día
Recuerdo haber visto o leído un articulo donde podía cambiar los iconos de esta parte del tema titania
ya se donde cambiarlo pero no encuentro la página o una página donde pueda ver los nombres o codigos html de los iconos, por ejemplo el código span class="icon-camera">
quiero cambiar ese "icon camera" por otro nombre de otro icono pero no recuerdo la página donde habían varios iconos y te traían los códigos
podrían sugerirme alguna donde traiga los codigos de los iconos o desde donde puedo tomarlos para cambiarlos
Espero la respuesta
Muchas gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/03/2016 5:25 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Revisa :
https://fortawesome.github.io/Font-Awesome/icons/

Tu web carga la versión 4.2 de FontAwesome, por lo que no podrás usar los íconos recientes de la 4.5 (a la fecha)

En lugar de icon-xxxx usa mejor :
fa fa-xxxx

Al entrar a cada icono puedes ver el detalle, por ejemplo :
http://fortawesome.github.io/Font-Awesome/icon/bug/

verás , se usa como clase
fa fa-bug

Saudos

ResponderCitar
Respondido : 01/03/2016 6:59 pm

Noe
 Noe
Estimable Member

Muchas gracias, lo he logrado realizar
ahora tengo otra consulta, quiero que cuando el cursor pase por encima del icono
se vuelva de color azul o se realce
como puedo lograr esto con un código?
adjunto la foto de mi código en los widgets de texto
y la foto de mis iconos como quedaron
quedo al pendiente, muchas gracias

ResponderCitar
Respondido : 01/03/2016 8:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Se tendría que hacer por CSS. Primero agrega un archivo CSS personalizado
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archivo puedes usar el siguiente código CSS :

#rt-feature .textwidget:hover .fa,
#rt-feature .textwidget:hover  h4{
     color: #29809A;
}

También esta para el título que cambie de color cuando se pone el mouse sobre el contenido del widget

Por otro lado, revisa la sintaxis de tu html ya que veo un error html mal constrido, aunque no he podido detectar de que parte de tu sitio es. Lo puedes comprobar con firebug (complemente de firefox, en la opción de consola), si tienes dudas sobre esto último mejor hacer un nuevo hilo de discusión.

Saludos.

ResponderCitar
Respondido : 01/03/2016 9:19 pm

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

Noe
 Noe
Estimable Member

perfecto, lo, logré, muchas gracias por la ayuda y voy a revisar eso del error que me comentas
en caso de requerir ayuda abriré un nuevo tema
muchas gracias por la ayuda
queda resuelto este tema
saludos.

ResponderCitar
Respondido : 02/03/2016 1:05 am