Prestashop 1.7 comment modifier la couleur de fond background du menu ?

[Christophe Lacaze]

Bonjour,

je cherche à modifier une couleur de fond dans background: -webkit-linear-gradient (voir photo)

Je suis sur PrestaShop 1.7.8

Comment accéder à ce fichier s'il vous plait ?

Merci d'avance

Chriss

 

Edited October 4 by Christophe Lacaze
Question plus précise (see edit history)

[solsol69]

Bonjour

Une URL peut etre ?

[Christophe Lacaze]

Bonjour,

merci pour la réponse, je ne peux pas trop mettre le site en production visible aux clients,

il est en mode maintenance et pointe vers l'ancien site.

https://enclumeetbarbotine.fr

Je cherche à modifier le background surligné dans la photo jointe qui se trouve dans index.php : 162

Je n'arrive pas à trouver le fichier principal index.php sur PrestaShop 1.7.8

Merci bonne journée.

Christophe

[solsol69]

Toutes modifications se fait dans votre fichier

custom.css

dans

/themes/nom_de_votre_theme/assets/CSS

sur votre theme enfant

https://www.nicolas-mauhin.fr/tuto-prestashop-1-7-creer-un-child-theme/

[Christophe Lacaze]

Merci pour la réponse, justement non, je ne le trouve pas dans le CSS du thème, tout le reste des couleurs

du menu se gère depuis l'admin du Module mégamenu ou depuis le CSS, mais là ce n'est pas dans le CSS

j'ai 2 parties blanches à chaque bout du menu (voir photo) que je n'arrive pas à modifier.

[solsol69]

Voici quelques explications

si vous n'avez pas de fichier custom.css, créer en un.. 

https://help-center.prestashop.com/hc/fr/articles/18898613995026-Personnaliser-le-CSS-de-son-site

[Christophe Lacaze]

Bonjour et merci, dans PrestaShop 1.7 le fichier custom.css dont vous parlez a été remplacé par "theme.css" mais c'est pareil, 99% des modifications graphiques s'y trouve sauf quelques-unes qui ne sont pas dans le css mais dans index.php et ce fichier que je ne trouve pas. d'ailleur on vois bien sur ma copie d'écran jointe le layout_layout1 se trouve dans index.php et pas dans le css

Edited Wednesday at 06:10 AM by Christophe Lacaze
précision (see edit history)

[thepackersmovers]

I’m planning to relocate within Mumbai and looking for suggestions for good Packers and Movers in Mumbai. I want a service that’s professional, affordable, and handles packing and transportation safely. If anyone has recently shifted their home or office in Mumbai, please share your experience or recommend some trusted moving companies.

[wrongh]

Essayez de rechercher le bloc layout_layout1 dans ces fichiers, par exemple dans layout.tpl ou page.tpl.

[Mediacom87]

Il y a 3 heures, Christophe Lacaze a dit :

Bonjour et merci, dans PrestaShop 1.7 le fichier custom.css dont vous parlez a été remplacé par "theme.css" mais c'est pareil, 99% des modifications graphiques s'y trouve sauf quelques-unes qui ne sont pas dans le css mais dans index.php et ce fichier que je ne trouve pas. d'ailleur on vois bien sur ma copie d'écran jointe le layout_layout1 se trouve dans index.php et pas dans le css

Tout faux.

theme.css est le fichier à ne jamais toucher sous aucun prétexte.

D'où l'explication limpide vous informant de respecter la structure de PrestaShop et de mettre toutes vos personnalisations dans le fichier custom.css.

Ce fichier est là pour cela et de base il est absent pour une chose toute simple, éviter de l'écraser lors d'une mise à jour du thème.

Quant à cette histoire de index.php, encore tout faut, rien n'est jamais présent dans index.php c'est juste un fichier qui va afficher tout le reste qui sera construit sur la base d'une structure CMV et objet.
Si votre navigateur vous affiche cela, c'est que le CSS abordé dans la page est directement intégré au code de la page et non pas chargé à partir d'un fichier CSS externe.

Donc, toute modification CSS apportée à un  thème doit se faire dans les surcharges des fichiers CSS des modules ou dans le fichier custom.css du thème que vous devez créer si il n'existe pas.

D'autre part, votre site étant en maintenance, nous ne pouvons y accéder pour une analyse plus profonde de ce problème CSS et peut-être vous communiquer les lignes de code à mettre dans custom.css pour corriger votre souci.

[Christophe Lacaze]

Je comprends, merci de vos éclaircissements, voici le fichier en pièce jointe de custom.css du thème et celui du mégamenu.css en question.

merci pour votre retour, je reste a votre écoute.

custom.css megamenu.css

[Christophe Lacaze]

Il y a bien ce code dans le megamenu.css, mais pas de background :

layout_layout1 .ets_mm_megamenu_content {
    border-bottom: 1px solid #f5f5dc;
    border-top: 1px solid #f5f5dc;

[Mediacom87]

il y a 45 minutes, Christophe Lacaze a dit :

Je comprends, merci de vos éclaircissements, voici le fichier en pièce jointe de custom.css du thème et celui du mégamenu.css en question.

merci pour votre retour, je reste a votre écoute.

custom.css 7.36 Ko · 0 downloads megamenu.css 78.49 Ko · 0 downloads

 

il y a 41 minutes, Christophe Lacaze a dit :

Il y a bien ce code dans le megamenu.css, mais pas de background :

layout_layout1 .ets_mm_megamenu_content {
    border-bottom: 1px solid #f5f5dc;
    border-top: 1px solid #f5f5dc;

Si on ne peut pas accéder en live au problème CSS on ne peut pas proposer de solution.

[Christophe Lacaze]

Merci, dans le live j'ai le code ci-dessous et la ligne en question est la suivante : 

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

------------------------------------------------------------------------------------------------

@media (largeur min : 768 px) {

.layout_layout1 .ets_mm_megamenu_content {

background : gradient linéaire (#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba (0, 0, 0, 0) ;

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

background : -o-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

}

Après je peux désactiver la maintenance 30 mn mais pas guerre plus si vous êtes disponible.

Edited Wednesday at 12:41 PM by Christophe Lacaze
précision (see edit history)

[Mediacom87]

il y a 49 minutes, Christophe Lacaze a dit :

Merci, dans le live j'ai le code ci-dessous et la ligne en question est la suivante : 

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

------------------------------------------------------------------------------------------------

@media (largeur min : 768 px) {

.layout_layout1 .ets_mm_megamenu_content {

background : gradient linéaire (#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba (0, 0, 0, 0) ;

background : -webkit-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

background : -o-linear-gradient(#FFFFFF, #F2F2F2) répéter le défilement 0 0 rgba(0, 0, 0, 0);

}

Après je peux désactiver la maintenance 30 mn mais pas guerre plus si vous êtes disponible.

Votre code n'est pas ainsi écrit en français, c'est juste une traduction automatique sur le forum ou un truc dans le genre ?

[Christophe Lacaze]

Oui c'est la traduction du forum désolé, voici la copie d'écran

 

 

Edited Wednesday at 01:38 PM by Christophe Lacaze (see edit history)

[Christophe Lacaze]

Bonjour, est ce que quelqu'un aurais la solution ? merci

[Mediacom87]

Le 22/10/2025 à 2:25 PM, Mediacom87 a dit :

 

Si on ne peut pas accéder en live au problème CSS on ne peut pas proposer de solution.

 

[Christophe Lacaze]

Merci pour la réponse, vous me l'avez déjà dit, j'ai besoin juste du chemin pour accéder au bon dossier, la modif, je sais la faire et je pensais que c'était tout simple et qu'il y aurait ici des personnes qui connaissent PrestaShop pour m'aiguiller sur le dossier en question. Merci quand même, je vais continuer à chercher

[Mediacom87]

Alors super simple, vous mettez toutes vos personnalisations CSS dans le fichier custom.css de votre thème.

Et ce n'est pas parce qu'on n'est pas devin qu'on n'est pas spécialiste de PrestaShop, c'est juste que comme un dentiste, je n'arrive pas à réparer une carie à distance même si je sais exactement à quoi ressemble votre bouche.