Modification screen.css non prises en compte

[2czm 0]

Bonjour,

Je m'intéresse à la modification du template peel7.

J'utilise le navigateur Opéra. Lorsque je suis sur la page d'accueil du site je fait inspecter l'élément et cela me donne les css correspondant, je peux le modifier et voir en direct l'effet apporté.

Par exemple, le modification de la couleur du menu, l'inspection de l'élément me donne:
.main_menu_wide {
        border-top: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
    }

en mettant:

.main_menu_wide {
    background-color: red;
        border-top: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
    }

Cela a pour effet immédiat de coloriser le menu en rouge.

Comptant de moi, je télécharge le fichier /modeles/peel7/css/screen.css et le modifie comme indiqué au dessus.
Je transfère ce fichier sur le serveur et la..... et bien je n'ai pas le menu en rouge.

J'ai essayer plusieurs modifications, aucune n'ont eut d'effet sur mon site.

Alors ma question, d'ou vient le problème?

Merci pour votre aide à ma compréhension.

[carcy 6]

bonjour

 

j'y connais pas grand chose, mais avez vous essayé de le mettre en hexadécimal plutôt que "red" ?

genre : background-color: #bbff00;

 

dans le screen.css de peel, tous les background-color sont en hexadécimal... je viens de vérifier

 

Modifié (le) 24 mars 2017 par carcy

[Simon développeur PEEL 0]

Bonjour,

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.

[2czm 0]

Bonjour,

La variable minify_css n'existe pas dans administrer/configuration.php

minify.css se trouve dans les fichiers en pièce jointe mais sans la possibilité, dans aucun des fichiers, de modifier la variable.

J'ai dû mal comprendre votre explication!!!

 

Christian

[2czm 0]

Bonjour,

J'ai trouvé, en effet il y avait une incompréhension de ma part. En lisant" depuis la page administrer/configuration.php" je suite partie directement sur le serveur consulter la fichier "configuration.php" et là voilou pas de minify_css.

Finalement, pour modifier cette variable il faut à partir de l'administration du site ouvrir le menu "Configuration" et cliquer sur "Variable de configurations" Sur cette page rechercher minify_css et là youppy je peux la passer à false.

Et oui je ne suis pas encore à l'aise avec PEEL mais cela va venir!!

Bonne soirée
Christian

[2czm 0]

Bonsoir,

• Je met le minify_css à False,
• je modifie le screen.css.
• .fc_prix {
      color: CC0000;
      font-size: 14px;
      font-weight: bold;
      text-align: right;
• Je vide le cache de mon ordinateur.

Résultat: Aucune modification dans l'affichage

• Je remet le minify_css à True
• Je vide le cache de mon ordinateur.

Résultat: Aucune modification dans l'affichage

Je vérifie mon  screen.css, il est bien:

.fc_prix {
    color: CC0000;
    font-size: 14px;
    font-weight: bold;
    text-align: right;

Je ne comprends pas!!!

Merci de m'apporter votre aide

[Simon développeur PEEL 0]

Bonjour,

le code hexadécimal d'une couleur doit commencer par le caractère #

Donc vous pouvez essayer avec  color: #CC0000;

[2czm 0]

Bonjour,

Il est ou le trou pour me cacher !!!

Mais j'ai toujours un problème.

Après avoir rectifier mon ÉNORME erreur j'ai repris le processus.

Tout fonctionne jusqu'au passage de minify_css à true.

Avant cela, après avoir vider le cache de l'ordinateur, le prix passe bien en rouge, mais il repasse en noir après avoir mis minify_css à true.
Apparemment le cache PEEL ne s'est pas mis à jour.

Y-a-t-il un délai pour la mise à jour du cache PEEL.

Cordialement,
Christian

[2czm 0]

Bonjour,

C'est bon j'ai trouvé, il faut après avoir remis minify_css à true.

1. cliquer dans "Configuration" "Nettoyage des dossiers"
2. Cliquer sur CSS & Javascript: mise à jour

Et hop la magie s'opère!! tout fonctionne normalement.

Je vous remercie pour votre patience.

Vous pouvez mettre ce post en résolu

Cordialement,
Christian