Wordpress不会改变图像高度

时间:2014-10-23 09:42:46

标签: php css wordpress

这个问题已被多次询问,但没有一个解决方案适合我。

我正在尝试对齐三张简单的图像,如下图所示。

enter image description here

第一张图片尺寸合适但我在重新调整剩余的两张图片时遇到问题。

我需要将这些图像的大小重新调整为190 x 157,但WordPress总是指定90px的错误高度。

我已经注册了自定义缩略图尺寸,但这不起作用。

add_image_size( 'homepage-slider-image-thumb-big', 190, 157, true );

我还尝试使用CSS设置尺寸,但图像被拉伸。

有人可以帮我解决这个问题吗?

更新:以下是我调用自定义尺寸的方式。

echo get_the_post_thumbnail($post->ID, 'homepage-slider-image-thumb-big', array('alt' => $post->post_title));

这是上面代码生成的标记。

<div class="col-lg-4 top-post-thumbs">
  <div class="col-lg-12 post-thumb-big">
    <img width="388" height="185" src="http://domain.com/wp-content/uploads/2014/10/10674399254_eb68aaa18b_k-702x336.jpg" class="attachment-388x210x1 wp-post-image" alt="Demo post 23">
  </div>
  <div class="col-lg-6 post-thumb-small">
    <img width="190" height="90" src="http://domain.com/wp-content/uploads/2014/07/FIFA-sponsors-Brazil-2014-702x336-300x143.jpg" class="attachment-190x157x1 wp-post-image" alt="Demo post 1">
  </div>
  <div class="col-lg-6 post-thumb-small">
    <img width="190" height="90" src="http://domain.com/wp-content/uploads/2014/06/falconet-praying-702x336-300x143.jpg" class="attachment-190x157x1 wp-post-image" alt="Demo post 5">
  </div>

</div>

这是我尝试解决此问题的CSS。

.top-post-thumbs img {
    width: 388px !important;
    height: 185px !important;
}

.top-post-thumbs img {
    width: 195px !important;
    height: 157px !important;
}

0 个答案:

没有答案