class CSS Circle appliqué à l'image d'introduction

[Jeff71]

Bonsoir,

J'ai ajouté le code
.circle {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
}

dans user.css (template cassiopeia)

Dans un article (onglet image et lien) j'ajoute la class de l'image = circle

cela n'a pas d'effet

par contre si j'ajoute cette même classe sur une image que j'intègre dans le corps d'un article cela à bien l'effet escompté

J'ai surement loupé qq chose , merci de votre aide
Excellent WE à toutes et à tous.

[Colnem30]

Bonjour
Tu dois utiliser l'outil de développement de ton navigateur (F12 sous Firefox, sinon voir menu) pour retrouver la règle CSS prioritaire par rapport à la tienne. Eventuellement, tu peux tenter de rajouter "!important" dans tes règles css, mais pas sûr que ce soit suffisant.

[Jeff71]

Merci Colnem30 pour ton retour, je vais essayé de regarder dans ce sens. J'avais déjà tenter avec 'inspecter" de Chrome mais j'avoue que je ne suis pas super à l'aise avec l'outil. Je fais mes premier pas avec le css. Bonne journée

[pmleconte]

Bonjour Jeff,

Un lien vers un site permettrait de mieux vous assister.

Pascal

[Jeff71]

Ci joint lien vers la page

https://dublepourdemain.freesite.host/temoignages/du-foin-bio-pour-mon-cheval

Merci de votre aide et n'oublie pas " A la sainte Emilie, avec Joomla développe sans torticolis"

[lomart]

Bonjour,

Il suffit de modifier la règle css en ligne 101 de user.css pour prendre en compte les 2 cas

.circle, .circle img {
border-radius: 50% !important;
-moz-border-radius: 50% !important;
-webkit-border-radius: 50% !important;
-o-border-radius: 50% !important;
}