Избранные изображения обрезаются по индексу и по почте

Я использую тему Simple Bootstrap, и после недавнего обновления тема начала обрезать высоту выделенных изображений как по индексу, так и по странице сообщений. Когда я проверяю конкретный элемент для изображения, я получаю это (я включаю div, который его охватывает):

<div class="featured-image"> <a href="http://listen.undertheguntheater.com/index.php/podcast/s2-e4-down-will-come-or-nobody-can-catch-a-break-on-this-show/" title="S2 E4 – Down Will Come or Nobody Can Catch A Break On This Show"> <img src="http://i0.wp.com/listen.undertheguntheater.com/wp-content/uploads/2015/06/Under-The-Gun-Presents-11.png?resize=1140%2C488" class="attachment-simple_boostrap_featured wp-post-image" alt="Under The Gun Presents (1)" /> </a> </div> 

И я думаю, что соответствующий CSS:

 .featured-image img { width: 100%; height: auto; } 

Есть ли что-то, что я могу добавить в CSS темы, которая исправит это и покажет полную высоту изображения? Я попытался добавить это в CSS, и, хотя он сделал это, он не исправил изображение:

 .featured-image img { height: 100%; } 

Вы можете просмотреть страницу и просмотреть ее здесь: http://listen.undertheguntheater.com/

Solutions Collecting From Web of "Избранные изображения обрезаются по индексу и по почте"

Вероятно, это поможет настроить автора тем, чтобы сделать изображения в теме отзывчивыми или адаптивными. Возможно, вам захочется взглянуть на добавление «min-height» в ваш CSS, и это должно решить вашу проблему.

https://css-tricks.com/almanac/properties/m/min-height/

Также следует отметить, что если вы используете «100%» что-либо, фактическое измерение определяется родительским элементом (будь то ширина или высота).