Header et Footer en couleur

6 messages dans ce sujet

Posté(e) · Signaler ce message

Bonjour à tous,

Je souhaiterai changer le fond de couleur du header et du footer dans le fichier screen.css mais je n'y arrive pas. Quelqu'un pourrait-il m'aider svp !

J'utilise la version 7.

Merci de votre aide ! 

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Pour savoir quelle classe CSS s'applique sur un élément HTML, vous pouvez utiliser un outil comme firebug sur Firefox (ou appuyer sur F12 sur Chrome) qui permet de cibler un élément HTML sur la page, et de lister les règles CSS qui s'applique sur l'élément choisi.

Afin de simplifier les modifications du fichier css, vous pouvez désactiver la minification des fichiers css en modifiant la valeur de la variable minify_css en passant de true à false. Cette variable de configuration est modifiable depuis la page administrer/configuration.php. Cela vous permettra de travailler le fichier screen.css plus facilement car ce fichier est mis en cache sur PEEL.Une fois cette modification faite, vous pouvez également vider le cache de votre navigateur et rafraichir la page. A la fin de vos travaux vous pouvez remettre ce paramètre à true, car la minification des fichiers CSS est une optimisation efficace pour accélérer le chargement des pages.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Merci pour le conseil, sa fonctionne partiellement, car j'arrive à changer la couleur du footer mais pour le header impossible de mettre un fond de couleur. Pourquoi?

Merci

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Pour changer la couleur du header, vous pouvez ajouter une règle CSS à la div #main_header par exemple :

#main_header {

bacground-color:#FF0000; // rouge

}

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

J'ai rajouter la ligne suivante dans le Div #min_header du CSS, mais rien ni fait....

/* Top menu */
.main_header_wide {
 background-color: #FF9600;
 margin-top: 0px;
 line-height: 60px;
 /*width: auto;*/
    width: 1024px;
 margin-bottom: 15px;
}

Ensuite j'ai changer la valeur de la variable minify_css en la repassant en true

Que faire ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Vous pouvez fournir une URL où le site est visible ?

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !


Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.


Connectez-vous maintenant

Twitter Advisto ecommerce

Facebook PEEL Shopping