Change le fond de la partie active du menu

6 messages dans ce sujet

Posté(e) (modifié) · Signaler ce message

Bonjour.

 

Après de nombreuses recherche je ne sais pas où je dois aller pour modifier la couleur de fond de la partie active du menu.

(home, catégorie 1, catégorie2, etc.

 

Au lancement le menu est actif sur l'icon home sur fond blanc.

Je veux une autre couleur de fond.

Mais je ne veux pas changer le fond du survol onmouseover.

 

Si vous pouviez me dire quoi chercher.

Bonne journée

Modifié (le) par anceze

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.

En l’occurrence les classes CSS qui semble correspondre à ce que vous souhaitez sont :

.nav-list > li.active > a,
.nav-list > li.open > a,
.nav-list > li > a:hover,
.nav-list > li > a:focus {
    color: #C16D00 !important;
    background-color: #FFFFFF !important;
}
.navbar .nav > li.active > a,
.navbar .nav > li.open > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
    color: #C16D00 !important;
    background-color: #FFFFFF !important;
    border: 0px solid transparent;
    border-color: #AAAAAA #AAAAAA #FFFFFF #AAAAAA;
} 

=> Elles sont défini dans le fichier modeles/peel7/css/screen.css vers la ligne 546.

A vous de modifier ces classes comme vous le souhaitez.

Par ailleurs 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

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Merci je n'avais pas vu qu'on pouvait ouvrir les codes dans examiner les éléments, dans firefox, pour en voir plus.

Dire que j'ai galéré sans jusque là ...
Merci. J'y retourne.

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) (modifié) · Signaler ce message

Bon...

 

Gros souci de mise à jour;

Exemple concret :

- Je supprime tout le contenu de screen.css

- Je fait une modif dans haut.tpl

 

Je place les deux fichiers.

La modification de haut.php est visible

mais quoi que je fasse dans screen.php rien ne se passe.

 

Sauf si je supprime le fichier du serveur.

Je suppose que c'est une histoire de proxy mais je ne comprend pas pourquoi il met à jour le tpl et pas le css :(

 

Je n'ai aucune solution

Modifié (le) par anceze

Partager ce message


Lien à poster
Partager sur d’autres sites

Posté(e) · Signaler ce message

Bonjour,

Avez-vous désactivé la minification des fichiers css via la variable de configuration minify_css ? 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) (modifié) · Signaler ce message

Je viens de le faire

boolean   minify_css  false

 

Je vais voir ce qui se passe maintenant.

Merci de votre aide.

Bonnes journées.

  
Modifié (le) par anceze

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