[RÉGLÉ] Article, mes images ont un tour gris.

[jfvbjfvb]

Bonjour,

J'ai écumé le web et le forum, mais je n'ai pas trouvé la solution.
J'ai compris que mon problème devrait être réglé dans le CSS, mais bien qu'en ayant édité tous les CSS de mon template, je me perd.

Pour faire simple.

Site sur Joomla (dernière version)
Theme Favourite (https://www.favthemes.com/joomla-tem...mla-3-template)
Page incriminée de mon site : http://cdt69.fr/index.php/repertoire...e-de-la-saison
Problème, le tour des images en gris....

J'ai essayé de rentrer des border none, des border = 0 , le template prend le pas sur le code html.

Vous auriez une idée ?

[Eddy.vh]

Bonjour.

Il ne s'agit pas d'un contour mais d'un background.
La règle se trouve dans le fichier /templates/favourite/css/theme.css à la ligne 61.
Tu peux aisément y supprimer (ou commenter) le background et le padding de cette ligne :
p img { padding: 7px; background-color: rgba(17, 17, 17, 0.1); }

[jfvbjfvb]

Wahoouu !!

Je suis bluffé.
Simple, rapide et pertinent.....
Merci beaucoup Eddy, vous avez résolu un problème que je traîne depuis des semaines en une fraction de seconde.



Respect.

[Eddy.vh]

Merci de me tutoyer !

Tous les navigateurs ont un inspecteur qui peut t'aider à trouver rapidement et facilement ce genre de choses et les corriger.

Si je prends exemple de Firefox que j'utilise, un clic droit sur l'élément en cause et cliquer Examiner l'élément, une fenêtre s'ouvre alors dans laquelle l'élément est surligné et à droite on a les styles.
Cette fenêtre permet, en live et en (dé)cochant les cases en faces des règles de les (dés)activer et en voir le résultat.
C'est une chose indispensable à connaitre si on met en place un site !

Avec Chrome, c'est clic droit - Examiner. Bonne route…

J'oubliais de préciser que si ce fichier appartient au template (ce qui est le cas), le fichier corrigé reprendra sa forme initiale à la prochaine mise à jour de ce template s'il y en a une.
Il est dès lors intéressant de travailler sur un fichier custom.css (ou user.css selon le template) afin de ne pas perdre les modifications.

Il suffit alors d'y reprendre la règle incriminée et l'inverser. Dans ton cas p.ex ce serait :

p img {
    padding: 0; // suffirait pour ne plus voir le background
}

[jfvbjfvb]

J'ai essayé de regarder cet inspecteur, j'avoue avoir un peu de mal à le comprendre.
Mais bon, je note cette possibilité et n'hésiterais pas à tenter de m'en servir en cas de nouveau problème.

En tous cas, encore merci pour ta réactivité et ta pertinence.