CAmbio de color en el TopMenu

[cardielweb]

Buenas, necesito cambiar los colores del TopMenú como muestro en la imagen de abajo. El problema es que si aplico un cambio de color en CSS afecta a todo el menú. Y quiero un color para cada categoría. También puedo generar una imagen para cada categoría pero no se cómo aplicarla en el PHP.

 

Muchas gracias

 

[Javier Barcelona]

Hola cardielweb.

 

Es relativamente sencillo.

 

En el archivo superfish-modified.css juega con la profundidad de los elementos LI del menú, ejemplo:

.sf-menu > li > a {
background: #9e011a;
}
.sf-menu > li + li > a {
background: #c34101;
}
.sf-menu > li + li + li > a {
background: #ff8100;
}
.sf-menu > li + li + li + li > a {
background: #ffac00;
}

Ya contarás.

[cardielweb]

Estimado JavierSLM, ante todo perdón por la tardanza en contestar, pero lo cierto es que me he debido despistar y no he visto tu comentario hasta hoy. Tiene tela, teniendo en cuenta que el ordenador se ha convertido en un apéndice de mi cuerpo.

Por otro lado muchísimas gracias por tu aportación, me ha servido de mucha ayuda ya que me ha hecho entender la estructura del CSS y con una pequeña variación he solucionado un problema que me traía de cabeza desde hace meses.

 

El código ha quedado de la siguiente forma:

#menu-custom > li + li > a {background: #b0d470;}

#menu-custom > li + li + li > a {background: #c2352e;}

#menu-custom > li + li + li + li > a {background: #5aa8d8;}

 

Efectivamente, muy sencillo.

 

Gracias.

Un abrazo