Problema color letras links footer

[motorovira]

Hola a todos, soy nuevo en el foro y en prestashop. estoy terminando mi pagina pero hay algunos detalles que quisiera corregir haber si me pueden ayudar 

 

1) en la seccion del footer donde estan los links de contacto de la pagina, mi cuenta, etc, al pasar el mouse(o raton) por encima del link, se cambia el color de las letras a blanco por lo cual no se lee nada.
adjunto la foto con el problema graficamente, quisiera que no se cambiara de color.

 

2) me gustaria crear otra "seccion" en el footer al igual que "Mi cuenta" y "Informacion". quiero agregar una que se llame "Clientes" y traspasar algunos links de "informacion" a esta nueva seccion. se puede?

 

3) en la parte del block social le agregue el badge de instagram, pero cuando paso el mouse(o raton) por encima la imagen se corre hacia abajo. adjunto tambien con el problema graficamente. 

De antemano muchas gracias.

adjunto el link de la pagina http://toffstore.cl

[motorovira]

por favor! necesito su ayuda!

[motorovira]

nadiee??

[S-HAMMANI]

Hi

 

por el link facebook (instagram)

 

<script>
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-32 { background-image: url(//badges.instagram.com/static/images/[email protected]); background-size: 60px 178px; } }
</script>

[lastapril]

Hola busca en global.css linea 6798 y cambia el color por el que tu quieras, esto es para cambiar el color de los enlaces al pasar por encima

 

 .footer-container #footer a:hover {

        color: white; }

Edited June 7, 2014 by lastapril (see edit history)

[S-HAMMANI]

por el color de links in global.css

 

.footer-container #footer a:hover {
    color: #FFF;
}

[motorovira]

lo del color en el footer funciono perfecto! pero el tema del badge de instagram se sigue moviendo cuando paso el mouse por encima! intente cambiando las  posiciones pero nada! 
de antemano muchas gracias

[motorovira]

porfavoor!

[S-HAMMANI]

Hola

Busca de ese código en modulo social block:

 

.ig-b-:hover { background-position: 0 -40px; } .ig-b-:active { background-position: 0 -120px; }

 

y reemplazarlo con el código suguiente:

 

.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }

[motorovira]

el problema es que ya esta en -60px , alguna otra recomendacion? muchas gracias

[quimfrcr]

Uff se ha movido todo no?

 

Yo iria tocando todas las lineas desde firebug mismo y ver que y como se mueve cada cosa..

[motorovira]

si, no me queda otra parece, cuales son los comandos para subir, bajar, mover hacia la izquierda o derecha los elementos del footer? gracias

[motorovira]

porfavor nesesito su ayuda!! he estado tratando de modificar las posiciones de los bloques del footer y no puedo dejarlo como antes!! arriba está la foto de como estaba antes y pueden ver como esta ahora  en http://toffstore.cl .
si alguien me pudiera ayudar con el codigo del global.css estaria muy agradecido!! muchas gracias

[tiendaparapruebas]

Hola seguro este video te sirve, tambien puedes encontrar más videos en este canal de youtube que te serviran para cambiar un poco la estuctura de tu tienda.