Cambiar estilos en un item menu prestashop

Si queremos cambiar los estilos de uno o varios items del menú que viene por defecto en prestashop podemos hacerlo de una manera muy fácil.

Primero editamos el archivo public_html/tienda/themes/default-bootstrap/js/global.js  añadiendo al final del mismo:

$('.sf-menu li').each(function(i,j) {
   $(this).addClass('clasemenu'+i);
});

Esto hace que le ponga un class a todos los li de tal forma que podamos identificar luego en nuestro CSS cada elemento. Hayq ue tener cuidad si usamos el !imortant ya que si tiene submenú puede heredar y hacer que cambie todo.

El archivo que podemos editar para completar bien la personalización es public_html/tienda/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css  y añades al final los estilos que quieras:

   .clasemenu1 a {
color:red:
}

 .clasemenu2 a {
color:red:
}