cambiar color header según la página que estés

[EDOSER]

Hola, quería saber si es posible cambiar el color del header según la página en la que estoy. Por ejemplo, estoy en la home y el fondo del header es blanco, pero en la página contacto es negro.

He comprado una plantilla y supongo que eso se puede hacer mediante css, pero no tengo ni idea cómo. A ver si alguien puede ayudarme.

 

Gracias!

[Rolige]

Si puedes hacerlo mediante CSS, necesitas agregar unas cuantas reglas CCS en algun archivo de CSS, podria ser en el global.css del tema o mas limpio aun podrias crear un nuevo archivo con el nombre "header-background.css" en

/themes/default-bootstrap/css/autoload/header-background.css

Y agregar el siguiente codigo

/* Para la pagina de inicio */
#index header {
  background: grey;
}

/* Para la pagina del producto */
#product header {
  background: red;
}

/* Para la pagina de categorias */
#category header {
  background: yellow;
}

Como ves te di 3 ejemplos claros donde puedes cambiar el fondo en la home, pagina de producto y categoria

[EDOSER]

Si puedes hacerlo mediante CSS, necesitas agregar unas cuantas reglas CCS en algun archivo de CSS, podria ser en el global.css del tema o mas limpio aun podrias crear un nuevo archivo con el nombre "header-background.css" en

/themes/default-bootstrap/css/autoload/header-background.css

Y agregar el siguiente codigo

/* Para la pagina de inicio */
#index header {
  background: grey;
}

/* Para la pagina del producto */
#product header {
  background: red;
}

/* Para la pagina de categorias */
#category header {
  background: yellow;
}

Como ves te di 3 ejemplos claros donde puedes cambiar el fondo en la home, pagina de producto y categoria

 

He conseguido hacer lo que quería con tu explicación.

Muchísimas gracias!!!!