Bonjour, 

J'ai appliqué les bordures arrondies sur une image carrée pour la rendre ronde (sur divi : style>bordure>rectangle arrondi).

Néanmoins, celle-ci s'affiche en rectangle ovale, et non en rond. Ses dimensions : 1129 pixels par 1129.

Je sais que c'est possible sans forcément passer par du CSS, mais je n'arrive pas à trouver d'où vient le problème.

Auriez-vous une solution ? 

-
Edité par CynthiaPayebien 17 mai 2022 à 11:04:29

Bonjour,

Qu'est-ce ça donne ceci :

border-radius:50%;

Où mettre ce CSS ? Avancé > personnaliser CSS ?

Car en essayant, il ne prend effet ni dans "avant", ni dans "élément principal" ni dans "après".

-
Edité par CynthiaPayebien 17 mai 2022 à 15:31:10

Supposons ton image dans le code HTML :

<img class="image_ronde" src="img/01.jpg" alt="une image ronde">

on va inclure dans le css :

.image_ronde {
  border-radius:50%;
}

C'est tout.

Merci pour vos réponses, mais je suis débutante sur Wordpress et Divi, je ne comprends donc que si on me dit clairement où mettre les éléments.

Je ne sais pas où entrer ce code et à quoi il correspond, ou bien où le trouver : 

<img class="image_ronde" src="img/01.jpg" alt="une image ronde">

Et où mettre le CSS ?

.image_ronde {
  border-radius:50%;
}

Dans le theme builder Divi > Avancé > Personnaliser CSS ? : 

Ou bien dans Divi > Options du thème > Personnaliser CSS ? : 

Merci d'avance.

-
Edité par CynthiaPayebien 17 mai 2022 à 15:30:26

Ah oui scuse, c'est une question concernant un thème de wordpress, donc je ne suis d'aucune utilité