Changer le background header sur les pages

Avoir une image différente de celle de la page d'accueil sur les autres pages

association-heda

association-heda

Messages : 3
Inscrit le : 16/06/2017 14:30

Bonjour
Je souhaite que le background du header de mes pages soit différent de celui de ma page d'accueil.
J'ai mis :
.heda #header {
background: url(http://www.asso-heda.org/medias/images/entetepages.png) no-repeat;
}
.heda étant le nom d'une des trois classes de menus utilisés
mais ça ne fonctionne pas
Merci pour votre aide
PS : Smart [EMS Framework]

benjamind

benjamind

Messages : 221
Inscrit le : 06/01/2012

Bonjour

Dans ce cas le mieux serait de supprimer le header configuré dans Configuration > Apparence > Entête. Une fois ceci fait, vous pourrez configurer un header pour le site complet, et un pour l'accueil.

#welcome_index #header {
background: url(URL IMAGE POUR ACCUEIL) no-repeat 50% bottom;
flex-direction: column;
background-size: cover;
overflow: hidden;
height: 659px;

#header {
background: url(URL IMAGE POUR RESTE DU SITE) no-repeat 50% bottom;
flex-direction: column;
background-size: cover;
overflow: hidden;
height: 659px;

Avec #welcome_index dans la première règle, celle-ci ne s'applique qu'à la page d'accueil. A savoir que vous pouvez évidement modifier les éléments du code (par exemple height) afin de modifier l'aspect comme bon vous semble.

Edité le 09/08/2017 11:05 par benjamind

Benjamin, technicien support e-monsite