\n 2) Contenu<\/strong>
\n 3) Bas de page<\/strong><\/p>\n
——————————————————————<\/p>\n Ouvrir le fichier themes.css dans \/themes\/classic\/assets\/css\/theme.css<\/span><\/span><\/p>\n Dans certaines versions de Prestashop, le fichier est compress\u00e9 c’est \u00e0 dire que le code est sur une ligne. Vous pouvez utiliser ce site http:\/\/unminify.com\/<\/a> afin de \u00ab\u00a0d\u00e9compresser’ le code c’est \u00e0 dire de mettre le code sur plusieurs lignes afin que celui-ci soit plus lisible.<\/p>\n La couleur est d\u00e9sign\u00e9e par un\u00a0\u00a0code hexad\u00e9cimal (un di\u00e8se suivi de 6 digits). Les deux premiers digits repr\u00e9sentent la valeur de rouge, les deux suivants le vert et les deux derniers le bleu. En m\u00e9langeant dans des proportions diff\u00e9rentes ces trois couleurs de base, on peut obtenir toutes les couleurs. Par exemple le noir aura pour code hexad\u00e9cimal #000000 OU #000, le blanc\u00a0aura pour code hexad\u00e9cimal #ffffff ou #fff<\/p>\n Si vous d\u00e9sirez obtenir votre\u00a0couleur hexad\u00e9cimal, vous pouvez consulter le site suivant:\u00a0http:\/\/www.color-hex.com\/<\/a><\/p>\n Modifier le haut de page Dans mon exemple, j’ai utilis\u00e9 un fond gris clair ayant pour code hexad\u00e9cimal #f7f7f7.\u00a0Je vais donc changer la couleur de \u00ab\u00a0background\u00a0\u00bb, ce qui va donner<\/p>\n Dans mon exemple, j’ai utilis\u00e9 un fond bleu\u00a0ayant pour code hexad\u00e9cimal #8798bf .\u00a0Je vais donc changer la couleur de \u00ab\u00a0background\u00a0\u00bb, ce qui va donner<\/p>\n Dans mon exemple, j’ai utilis\u00e9 un fond gris clair ayant pour code hexad\u00e9cimal #f7f7f7 .\u00a0Je vais donc ajouter \u00e0 mon code un bakcground<\/p>\n <\/p>\n Enregistrer votre fichier, si vous actualiser votre site, vous\u00a0visualiserez les modifications. Si ce n’est pas le cas, c’est peut-\u00eatre un souci de cache. Pour nettoyer votre cache, vous pouvez lire l’article suivant :\u00a0Vider le cache dans Prestashop 1.6 et 1.7<\/a><\/p>\n <\/p>\n![\"Modifier](\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/05\/bg_prestashop1.7.jpg\")
<\/a><\/p>\nA) Etape 1 : <\/span><\/strong><\/h2>\n
![\"Modifier](\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2017\/05\/bg_prestashop1.7-etape1.jpg\")
<\/a><\/p>\nB) Etape 2 : <\/span><\/strong><\/h2>\n
C) Etape 3 :<\/span><\/strong><\/h2>\n
\n<\/strong><\/span>Pour modifier la couleur du haut de page, il faut chercher le code suivant ( en ce qui me concerne, il se situe vers la ligne 11191)<\/p>\n#header {\r\n background: #fff;\r\n color: #acaaa6\r\n}\r\n<\/pre>\n#header {\r\n background: #f7f7f7;\r\n color: #acaaa6\r\n}<\/pre>\n
\nContenu
\n<\/b><\/span>Pour modifier la couleur du contenu,\u00a0il faut chercher le code suivant ( en ce qui me concerne, il se situe vers la ligne 11360)<\/p>\n#wrapper {\r\n background: #ebebeb;\r\n box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .11);\r\n padding-top: 1.5625rem\r\n}<\/pre>\n#wrapper {\r\n background: #8798bf;\r\n box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .11);\r\n padding-top: 1.5625rem\r\n}<\/pre>\n
\nBas de page
\n<\/b><\/span>Pour modifier la couleur du bas\u00a0de page, il faut chercher le code suivant ( en ce qui me concerne, il se situe vers la ligne 11435)<\/p>\n#footer {\r\n padding-top: 2.5rem\r\n}\r\n<\/pre>\n#footer {\r\n padding-top: 2.5rem;\r\n background:#f7f7f7;\r\n}<\/pre>\nC) Etape 3 :<\/span><\/strong><\/h2>\n