Изображение с гиперссылкой - кликабельная область превышает изображение

Question

У меня проблема с галереями на моем веб-сайте WordPress: каждое изображение в галерее имеет кликабельную область, которая превышает изображение.Например, если у меня есть галерея только с одним изображением, гиперссылка расширяет как левое, так и правое изображение на всю длину содержимого.Мне нужна только гиперссылка на само изображение, я не хочу, чтобы изображение открывалось при щелчке в любом месте слева или справа от него.(пример галереи: https://blog.ovidiuav.com/2018/11/09/nou-autor-blog/)

Любая помощь будет принята с благодарностью.

Спасибо!

Answer 1

Трудно сказать, где на самом деле проблема без какого-либо кода, возможно, используйте элемент привязки, оборачивающий изображение? И подгоняя изображение под нужный вам размер.

<a href="www.twitter.com" target="_blank">
  <img class="image" src="https://helpx.adobe.com/uk/stock/how-to/visual-reverse-image-search/_jcr_content/main-pars/image.img.jpg/visual-reverse-image-search-v2_1000x560.jpg" title="Butterfly">
</a>

Answer 2

Этот CSS исправил это:

.gallery .gallery-icon img {
display: inline-block;
}

(предложение от неверного комментария в комментарии к вопросу)

Answer 3

Добавьте это в ваш CSS-файл,

.gallery-icon{
width: fit-content;
margin: auto;
}