Modificar hover de un ul li (lista) en plantilla prestashop

[HackID1]

Buenas tardes.

 

Tengo un problema básico, pero no he podido dar con la solución.

 

Estoy intentando cambiar los HOVER (cuando posicionas el ratón encima de un elemento, en este caso un < li > ), pero he realizado las modificaciones en los css del tema y nunca se realizan correctamente.

 

La plantilla que estoy usando es esta:

 

http://addons.prestashop.com/demo/FO10121.html

 

Los cambios los necesito en las franjas (3 franjas en la parte central) de color gris... bien cuando te posicionas sobre las franjas cambia a color azul.

 

La franja uno es: 

Excellent Customer Support

Have a question or need help? Just ask us

 

¿Cómo puedo cambiar el hover en los estilos css?, he probado de mil formas y nunca se realiza el cambio. sin embargo añadiendo la nueva orden en clic derecho > inspeccionar elemento > Add RULE. añado la orden de cambiar cuando estas encima del elemento li y funciona.

 

 

Un ejemplo:

 

Voy a inspeccionar elemento y me posiciono en la fila:

<li class="htmlcontent-item-1 col-xs-4">

Voy a los CSS de la derecha del navegador y entro en el fichero CSS llamado: hook.css (esto lo se porque tengo la web en activo y sin cache de CSS)

 

En este fichero creo una regla como la siguiente:

#htmlcontent_top li:hover {

   background-color: red;
/* esto deberia cambiar el hover al posicionar el raton encima, pero solo lo hace en ADD RULE, en linea, NO EDITANDO EL CSS. */
}

Bien es algo muy sencillo, si se puede dejar la URL del sitio web en funcionamiento indicarmelo, para poder cambiar este efecto de hover.

 

Otra solución que me valdría es DEJAR LOS COLORES IGUALES, es decir al posicionarme encima no HACER EFECTO HOVER

 

 

Espero ayuda de la comunidad muchas gracias a todos!!!!

 

 

PD: Si puedo dejar url del sitio con el problema indicarmelo la dejare.

 

 

Gracias.

 

 

 

[HackID1]

Ya esta solucionado.

 

Me han ayudado en el foro de prestashop. Comparto la solución con uds.

 

 

Solucionado, gracias a su ayuda.

 

Un soporte rápido y eficaz.

 

Muchas gracias.

 

 

 

Comparto la solución.

 

Estaba en editar el fichero CSS siguiente:

 

theme9.css

 

 

Y editar las reglas de estilo:

#htmlcontent_top li:hover {
    background: #F5A9D0;
    }

#htmlcontent_top li:nth-child(2n+2):hover {
    background: #FA58AC;
}

Gracias por la ayuda!!!!

 

Espero le sirva a alguien.