[SOLUCIONADO] cambiar efecto hover en plantilla prestashop

[HackID1]

Buenas tardes.

Estoy intentando cambiar un background-color:#FFFFFF (color cualquiera), a otro color que yo quiera.

La plantilla viene con 3 franjas en el medio de la portada, estas tienen un color, pero cuando se posiciona el ratón encima crea el efecto HOVER de CSS, y necesito cambiar ese efecto.

He revisado los ficheros CSS de la plantilla prestashop newfangled, pero no consigo cambiar este estilo, cuando creo la regla en los css no me funciona para nada.

Una demo de la plantilla es:

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

Y las franjas que deseo cambiar son las 3 centrales que estan en gris y gris oscuro.

El fichero css de la plantilla para las 3 franjas se llama hook.css , pero no consigo editarlas.

He añadido la siguiente regla (al final del todo, pero aún así no surge efecto):

Código CSS:

#htmlcontent_top li:hover {
 
/*cambio efecto hover del elemento, a rojo */
background-color: red;
}
 

¿Qué debo hacer, como puedo sobreescribir la regla que me impide cambiar ese color de hover.?

Espero puedan ayudarme, si puedo dejar el link del sitio web lo escribiré, para que lo vean en tiempo real.

Gracias a todos de nuevo!!!

[sonystar_17]

así ? :

Código CSS:

#htmlcontent_top li:hover {
 
/*cambio efecto hover del elemento, a rojo */
background-color: red !important; 
 
}
 

debería funcionar ! suerte.

[HackID1]

Hola, gracias por tu ayuda, pero al final era problema de que el fichero css no era el correcto, pedí un poco de soporte en la comunidad y me indicaron que fichero era exactamente, aún me quedo la duda de como fueron capaz de encontrar el fichero exacto si cuando posicionabas encima del elemento no estaba ese fichero css.

Pero bueno en fin el problema era simple, la propiedad background-color estaba establecida en otro fichero css distinto al indicado aquí.

Muchas gracias por su ayuda.