Comment redimensionner une image spécifique dans un thème WordPress personnalisé ?

Veuillez noter que je suis nouveau sur wordpress et je m’excuse d’avance si je pose une question mal formulée ou si je laisse de côté des détails. Je ferai un suivi avec tout ce dont vous avez besoin en tant que répondeur.

Problème : J’ai une image qui déborde de la div, du conteneur, etc. ? (Je suis également novice en CSS) dans WordPress. Voici l’image :

J’aimerais qu’il rentre dans l’image. Notez également que l’image montre une autre image lorsqu’une souris la survole. Étrangement, cette image n’a aucun problème de redimensionnement. J’ai essayé une variété de solutions, y compris.

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

Et j’ai essayé de modifier les dimensions de l’image dans la page multimédia. Une partie du problème est que c’est un thème personnalisé. Et les thèmes personnalisés sont un peu plus difficiles à utiliser lorsqu’il s’agit de CSS personnalisé (ou du moins, j’ai appris). Toutes les suggestions à ce sujet sont grandement appréciées. S’il vous plaît laissez-moi savoir si vous avez plus de détails.

Solution n°1 trouvée

Il vous manque un point-virgule. Veuillez ajouter plus de code pour que les gens puissent voir comment vous avez formaté l’image.

<div class= »snippet » data-lang= »js » data-hide= »false » data-console= »true » data-babel= »false »>

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

Solution n°2 trouvée

<div class= »snippet » data-lang= »js » data-hide= »false » data-console= »true » data-babel= »false »>

.classname img {width:100%; height:auto;}

/*replace classname with your div class*/