Discussion :

[Gilles_75]

Bonjour

Mon site est construit à partir d'un template unique qui génère des pages.
Ce Template à un comportement bizarre.
Je constate que pour toutes les pages il y a la bonne couleur pour un divider ( voir Photo 1 )
Exemple
https://guideyourtrip.com/destination/bolivie

Mais cela génère une couleur différente pour une page en particulier ( voir Photo 2 )

https://guideyourtrip.com/destination/ghana

Voici la ligne généré par le template

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$contenu .= "[et_pb_divider color=\"#40898a\" divider_weight=\"1px\" _builder_version=\"3.9\" admin_label=\"Séparateur 'Villes'\"]" ;

Est-ce que vous auriez une idée comment résoudre ce souci ?

Merci à vous

[plugin and play]

hello,

si tu regardes le CSS, tu constates que la couleur de cet élément est gérée différemment:

1er cas (dans le css: https://guideyourtrip.com/wp-content...822755.min.css)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.et_pb_divider_0:before {
    border-top-color: #40898a;
    border-top-width: 1px;
}

2eme cas (dans le css https://guideyourtrip.com/wp-content...ver=1631875210)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.et_pb_divider:before {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

Ton template ne semble pas très "unique" puisqu'il appelle des feuilles de styles CSS différentes. Impossible pour moi de savoir plus précisément d'ou cela vient mais c'est une piste :-)

Je ne connais pas DIVI, mais ce bazar n'est pas très étonnant de la part d'un constructeur de thème ! 🤮

[Gilles_75]

Merci pour cette piste

Pourtant il s'agit de deux class différentes
.et_pb_divider_0 et_pb_divider et seulement la première est paramétrée avec une couleur.
Où trouvez-vous ces codes css ?

Dans le template on trouve bien un codage de la couleur du divider

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$contenu .= "[et_pb_divider color=\"#40898a\" divider_weight=\"1px\" _builder_version=\"3.9\" admin_label=\"Séparateur 'Villes'\"]" ;

[plugin and play]

Je vois ces infos grace à l'inspecteur de code du navigateur.

Comme je l'ai dis, la mauvaise couleur provient de la feuille CSS suivante: https://guideyourtrip.com/wp-content...ver=1632482394

C'est un css de DIVI. Je ne sais pas comment DIVI fonctionne mais c'est là qu'il faut chercher.

[Gilles_75]

Ok, merci pour votre recherche mais c'est curieux que cela fonctionnait avant et que pour certains cas, j'ai bien la couleur voulue et surtout j'ai un fichier css dans mon théme enfant qui devrait être prioritaire.
Je vais peut-être copié le code css que vous avez trouvé dans mon fichier css du théme enfant en mettant la couleur souhaitée

[ProgElecT]

Salut

Le phénomène n'apparait-il pas systématiquement sur les noms de pays ayant un jambage sur la partie basse des caractères, y,p,q,g,j ....... ?

[Gilles_75]

Je ne pense pas car sur cette page
https://guideyourtrip.com/destination/guatemala
tout est ok

La seule page où l'anomalie est constatée est
https://guideyourtrip.com/destination/ghana


Vraiment trés curieux

[NoSmoking]

Bonjour,
il y a un gros micmac, tu n'utilises pas les mêmes fichiers CSS sur tes deux pages.

Tes deux pages utilisent la fichier de style : https://guideyourtrip.com/wp-content/cache/min/1/wp-content/themes/Divi/style.css?ver=1632482394, mais en plus pour la page guatemala la régle suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.et_pb_divider_0::before {
	border-top-color: #40898a;
	border-top-width: 1px;
}

est défini dans le fichier : https://guideyourtrip.com/wp-content/et-cache/15381/et-core-unified-cpt-15381-16315606146908.min.css.

Il y a de l'ordre à mettre